Sujet Précédent Sujet Suivant

Ma fonction onclick ne fonctionne pas

Résolu/Fermé
ScreamFR Messages postés 73 Date d'inscription lundi 30 décembre 2019 Statut Membre Dernière intervention 19 mai 2022 - 29 janv. 2021 à 17:07
ScreamFR Messages postés 73 Date d'inscription lundi 30 décembre 2019 Statut Membre Dernière intervention 19 mai 2022 - 30 janv. 2021 à 11:44
Bonjour/bonsoir, ma fonction onclick ne marche pas et je ne sais pas pourquoi je suis vraiment confue parce que tout est bien ecrit normale

code de la div : 


<label class="filter-label mt-2 mb-1 pt-25">Etiquette<i onclick="block_add_etiquete()" class='bx bx-plus-medical petit'></i></label>

<div class="list-group none-validation" id="etiq_div">
                                    <form action="php/insert_etiq.php" method="POST">
                                        <label class="invoice-number mr-75">Nouvelle etiquette :</label>
                                        <div class="row align-items-start custom-line">
                                            <div class="col">
                                                <input name="name_etiq" type="text" class="form-control pt-25 w-70" required>
                                            </div>
                                            <div class="col-2 pt-25">
                                                <input name="color" type="color" class="rien">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <br>
                                            <button type="submit" class="btn btn-outline-secondary"><i class='bx bx-plus-medical'></i></button>
                                        </div>
                                    </form>
                                </div>
                            </div>


et le code js : 


function block_add_etiquete(){
        var xp = document.getElementById('etiq_div')
        xp.style.display = "block";
    }
A voir également:

3 réponses

Réponse 1 / 3
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
29 janv. 2021 à 17:12
Bonjour,

Sans voir le code complet de la page (nous permettant éventuellement de voir où tu as placé ton code JS par rapport au code html ...), vu les éventuelles différentes librairies que tu as utilisé .... difficile pour nous de t'aider ...

Il faudrait, à minima,
  • bien vider le cache de ton navigateur
  • mettre un alert dans ton code JS pour voir si il est appellé
  • ajouter un point-virgule sur la ligne de ton var xp..... );
  • Regarder dans la console de ton navigateur si il n'y a pas des messages d'erreurs ( car si il y a des erreurs JS ailleurs dans la page, ça peut empecher le code qui se trouve après de fonctionner... )
0
ScreamFR Messages postés 73 Date d'inscription lundi 30 décembre 2019 Statut Membre Dernière intervention 19 mai 2022 3
29 janv. 2021 à 17:26
- J'ai bien vider le cache
- Quand je mais une alert dans la fonction le popup apparait pas
- point virgule ajouté, aucun changement malheuresement xD
- Effectivement il y a des erreurs mais je comprend pas :

les erreurs :


a la ligne 67 il y a rien de special il y a un commentaire

et quand je click ca me dit que il n'est pas definie alors que si ?

et concernant le placement ca se trouve tout en bas du code
0
ScreamFR Messages postés 73 Date d'inscription lundi 30 décembre 2019 Statut Membre Dernière intervention 19 mai 2022 3
29 janv. 2021 à 18:05
Voila c'est casse tete le js xD
0
Réponse 2 / 3
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
29 janv. 2021 à 18:08
Comme je te l'ai dit sans savoir où se trouve ton code JavaScript dans ton document HTML difficile de te répondre...
Peux-tu nous partager ton code complet ?
0
ScreamFR Messages postés 73 Date d'inscription lundi 30 décembre 2019 Statut Membre Dernière intervention 19 mai 2022 3
Modifié le 29 janv. 2021 à 18:43
Voici mon code
Le js se trouve tout en bas
desole le code est un peu long ...


Je pense que l'erreur vien de la premiere erreur dans la console parce que avant elle n'etait pas la et ca marcher très bien 


<?php 
require_once 'php/verif_session_connect.php';
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
require_once 'php/config.php';

    $pdoStt = $bdd->prepare('SELECT * FROM entreprise WHERE id = :numentreprise');
    $pdoStt->bindValue(':numentreprise',$_SESSION['id_session']);
    $pdoStt->execute();
    $entrepri = $pdoStt->fetchAll();

    $pdoSt = $bdd->prepare('SELECT * FROM etiquette WHERE id_session = :id_session');
    $pdoSt->bindValue(':id_session',$_SESSION['id_session']);
    $pdoSt->execute();
    $etiq = $pdoSt->fetchAll();

    $pdoSttt = $bdd->prepare('SELECT * FROM membres WHERE id_session = :num');
    $pdoSttt->bindValue(':num',$_SESSION['id_session']);
    $pdoSttt->execute();
    $membre = $pdoSttt->fetchAll();

    $pdoStttt = $bdd->prepare('SELECT * FROM task WHERE id_session = :num');
    $pdoStttt->bindValue(':num',$_SESSION['id_session']);
    $pdoStttt->execute();
    $tache = $pdoStttt->fetchAll();

?>

<!DOCTYPE html>
<html class="loading" lang="fr" data-textdirection="ltr">
<!-- BEGIN: Head-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <title>Taches</title>
    <link rel="shortcut icon" type="image/x-icon" href="../../../app-assets/images/ico/favicon.png">
    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,600%7CIBM+Plex+Sans:300,400,500,600,700" rel="stylesheet">

    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/pickers/daterange/daterangepicker.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/forms/select/select2.min.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/editors/quill/quill.snow.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/extensions/dragula.min.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap-extended.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/colors.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/dark-layout.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/semi-dark-layout.css">
    <!-- END: Theme CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/pages/app-todo.css">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/style.css">
    <!-- END: Custom CSS-->

</head>
<!-- END: Head-->

<!-- BEGIN: Body-->

<body class="vertical-layout vertical-menu-modern semi-dark-layout content-left-sidebar todo-application navbar-sticky footer-static  " data-open="click" data-menu="vertical-menu-modern" data-col="content-left-sidebar" data-layout="semi-dark-layout">
<style>
.etiq{width: 10px; height: 10px; border-radius: 90%;}
.rien{margin: 0px; padding: 0px; width: 20px; height: 20px;}
.petit{font-size: 12px; color: #719df0;}
.petit:hover{color: #1a233a}
.none-validation{display: none;}
.block-validation{display: block;}
.hoverfav:hover{color: #FDAC41;}
.checkhover:hover{color: green;}
.green_task{color : green;}
.orange_task{color: orange;}

</style>
    <!-- BEGIN: Header-->
    <div class="header-navbar-shadow"></div>
    <nav class="header-navbar main-header-navbar navbar-expand-lg navbar navbar-with-menu fixed-top ">
        <div class="navbar-wrapper">
            <div class="navbar-container content">
                <div class="navbar-collapse" id="navbar-mobile">
                    <div class="mr-auto float-left bookmark-wrapper d-flex align-items-center">
                        <ul class="nav navbar-nav">
                            <li class="nav-item mobile-menu d-xl-none mr-auto"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="ficon bx bx-menu"></i></a></li>
                        </ul>
                        <ul class="nav navbar-nav bookmark-icons">
                            <li class="nav-item d-none d-lg-block"><a class="nav-link" href="file-manager.php" data-toggle="tooltip" data-placement="top" title="CloudPix"><div class="livicon-evo" data-options=" name: cloud-upload.svg; style: filled; size: 40px; strokeColorAction: #8a99b5; colorsOnHover: darker "></div></a></li>
                        </ul>
                    </div>
                    <ul class="nav navbar-nav float-right">
                        <li class="dropdown dropdown-language nav-item"><a class="dropdown-toggle nav-link" id="dropdown-flag" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="flag-icon flag-icon-fr"></i><span class="selected-language">Francais</span></a>
                            <div class="dropdown-menu" aria-labelledby="dropdown-flag"><a class="dropdown-item" href="#" data-language="en"><i class="flag-icon flag-icon-us mr-50"></i> English</a><a class="dropdown-item" href="#" data-language="fr"><i class="flag-icon flag-icon-fr mr-50"></i> French</a><a class="dropdown-item" href="#" data-language="de"><i class="flag-icon flag-icon-de mr-50"></i> German</a><a class="dropdown-item" href="#" data-language="pt"><i class="flag-icon flag-icon-pt mr-50"></i> Portuguese</a></div>
                        </li>
                        <li class="nav-item d-none d-lg-block"><a class="nav-link nav-link-expand"><i class="ficon bx bx-fullscreen"></i></a></li>
                        </li>
                        <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#" data-toggle="dropdown"><i class="ficon bx bx-bell bx-tada bx-flip-horizontal"></i><span class="badge badge-pill badge-danger badge-up"></span></a>   <!--NOTIFICATION-->
                            <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                                <li class="dropdown-menu-header">
                                    <div class="dropdown-header px-1 py-75 d-flex justify-content-between"><span class="notification-title">0 Notifications</span><span class="text-bold-400 cursor-pointer">Notification non lu</span></div>
                                </li>
                                <li class="scrollable-container media-list"><a class="d-flex justify-content-between" href="javascript:void(0)">
                                                            <!-- CONTENUE ONE -->
                                    </a>
                                    <div class="d-flex justify-content-between cursor-pointer">
                                        <div class="media d-flex align-items-center border-0">
                                            <div class="media-left pr-0">
                                                <div class="avatar mr-1 m-0"><img src="../../../app-assets/images/ico/astro1.gif" alt="avatar" height="39" width="39"></div>
                                            </div>
                                            <div class="media-body">
                                                <h6 class="media-heading"><span class="text-bold-500">Nouveaux compte</span> création du compte</h6><small class="notification-text">Aujourd'hui, 19h30</small>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="dropdown-menu-footer"><a class="dropdown-item p-50 text-primary justify-content-center" href="javascript:void(0)">Tout marquer comme lu</a></li>
                            </ul>
                        </li>
                        <li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
                            <div class="user-nav d-sm-flex d-none"><span class="user-name"><?php foreach($entrepri as $entreprisee): ?><?= $entreprisee['nameentreprise']; ?></span><span class="user-status text-muted">En ligne</span></div><span><img class="round" src="../../../src/img/<?= $entreprisee['img_entreprise'] ?>"<?php endforeach; ?> alt="avatar" height="40" width="40"></span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right pb-0"><a class="dropdown-item" href="page-user-profile.php"><i class="bx bx-user mr-50"></i>Profile</a>
                                <div class="dropdown-divider mb-0"></div><a class="dropdown-item" href="php/disconnect.php"><i class="bx bx-power-off mr-50"></i>Se déconnecter</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
    <!-- END: Header-->

    <!-- BEGIN: Main Menu-->
       <div class="main-menu menu-fixed menu-dark menu-accordion menu-shadow" data-scroll-to-active="true">
        <div class="navbar-header">
            <ul class="nav navbar-nav flex-row">
                <style>
                
                .logocoq{
                    width:70%;
                    height: 100%;
                }
                
                </style>
                <li class="nav-item mr-auto modern-nav-toggle text-center">
                    <img class="logocoq" src="../../../app-assets/images/logo/coqpix1.png" />
                </li>
            </ul>
        </div>
        <div class="shadow-bottom"></div>
        <div class="main-menu-content">
            <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation" data-icon-style="lines">
                <li class=" nav-item"><a href="#"><div class="livicon-evo" data-options=" name: rocket.svg; style:filled; size: 30px "></div>   <span class="menu-title" data-i18n="Dashboard">Coqpit</span></a>
                    <ul class="menu-content">
                        <li><a href="dashboard-analytics.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="eCommerce">Analytique</span></a>
                        </li>
                        <li><a href="page-coming-soon.html#dashboard-ecommerce.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Analytics">eCommerce (not work )</span></a>
                        </li>
                        <li><a href="file-manager.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Cloudpix">CloudPix</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" navigation-header"><span>Fonctions</span>
                </li>
                <li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="coins"></i><span class="menu-title" data-i18n="Ventes">Ventes</span></a>
                    <ul class="menu-content">
                        <li><a href="app-devis-list.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Devis">Devis</span></a>
                        </li>
                        <li><a href="app-invoice-list.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Facture">Factures</span></a>
                        </li>
                        <li><a href="app-avoir-list.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Avoir">Avoirs</span></a>
                        </li>
                        <li><a href="app-bon-list.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Bon de livraison">Bon de livraison</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="us-dollar"></i><span class="menu-title" data-i18n="Achats">Achats</span></a>
                    <ul class="menu-content">
                        <li><a href="app-invoice-achat-list.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Factures">Factures</span></a>
                        </li>
                        <li><a href="app-bon-achat-list.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Bulletin de commande">Bulletin de commande</span></a>
                        </li>
                        <li><a href="app-note-list.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Note de frais">Note de frais</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="users"></i><span class="menu-title" data-i18n="Projet">Projet</span></a>
                    <ul class="menu-content">
                        <li><a href="page-coming-soon.html#projet.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Equipes">Equipes</span>             <span class="badge badge-light-primary badge-pill badge-round float-right">SOON</span></a>
                        </li>
                        <li><a href="task.php"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Taches">Taches</span></a>
                        </li>
                    </ul>
                </li>
                <li class=" nav-item"><a href="page-coming-soon.html#inventaire-list.php"><i class="menu-livicon" data-icon="box-add"></i><span class="menu-title" data-i18n="Stockage">Inventaire</span><span class="badge badge-light-primary badge-pill badge-round float-right">SOON</span></a>
                </li>
                <li class=" navigation-header"><span>Données</span>
                </li>
                <li class=" nav-item"><a href="client.php"><i class="menu-livicon" data-icon="user"></i><span class="menu-title" data-i18n="Clients">Clients</span></a>
                </li>
                <li class=" nav-item"><a href="fournisseur-list.php"><i class="menu-livicon" data-icon="truck"></i><span class="menu-title" data-i18n="Fournisseurs">Fournisseurs</span></a>
                </li>
                <li class=" nav-item"><a href="article-list.php"><i class="menu-livicon" data-icon="tag"></i><span class="menu-title" data-i18n="Articles">Articles</span></a>
                </li>
                <li class=" nav-item"><a href="membres-liste.php"><i class="menu-livicon" data-icon="grid"></i><span class="menu-title" data-i18n="Membres">Membres</span></a>
                </li>
            
                <li class=" navigation-header"><span>Editions</span>
                </li>
                <li class=" nav-item"><a href="page-coming-soon.html#Bilan.php"><i class="menu-livicon" data-icon="notebook"></i><span class="menu-title" data-i18n="Bilans">Bilans         <span class="badge badge-light-primary badge-pill badge-round float-right">SOON</span></span></span></a>
                </li>
                <li class=" nav-item"><a href="page-coming-soon.html#balance.php"><i class="menu-livicon" data-icon="balance"></i><span class="menu-title" data-i18n="Balances">Balances         <span class="badge badge-light-primary badge-pill badge-round float-right">SOON</span></span></span></a>
                </li>
                <li class=" navigation-header"><span>Déclarations</span>
                </li>
                <li class=" nav-item"><a href="page-coming-soon.html#social.php"><i class="menu-livicon" data-icon="umbrella"></i><span class="menu-title" data-i18n="Charts">Sociale         <span class="badge badge-light-primary badge-pill badge-round float-right">SOON</span></span></span></a>
                </li>
                <li class=" nav-item"><a href="page-coming-soon.html#fiscale.php"><i class="menu-livicon" data-icon="piggybank"></i><span class="menu-title" data-i18n="Google Maps">Fiscale         <span class="badge badge-light-primary badge-pill badge-round float-right">SOON</span></span></span></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- END: Main Menu-->

    <!-- BEGIN: Content-->
    <div class="app-content content">
        <div class="content-area-wrapper">
            <div class="sidebar-left">
                <div class="sidebar">
                    <div class="todo-sidebar d-flex">
                        <span class="sidebar-close-icon">
                            <i class="bx bx-x"></i>
                        </span>
                        <!-- todo app menu -->
                        <div class="todo-app-menu">
                            <div class="form-group text-center add-task">
                                <!-- new task button -->
                                <button type="button" class="btn btn-primary add-task-btn btn-block my-1">
                                    <i class="bx bx-plus"></i>
                                    <span>Nouvelle tache</span>
                                </button>
                            </div>
                            <!-- sidebar list start -->
                            <div class="sidebar-menu-list">
                                <div class="list-group">
                                    <a href="task.php" class="list-group-item border-0 active">
                                        <span class="fonticon-wrap mr-50">
                                            <i class="livicon-evo" data-options="name: list.svg; size: 24px; style: lines; strokeColor:#5A8DEE; eventOn:grandparent;"></i>
                                        </span>
                                        <span> Toutes les taches</span>
                                    </a>
                                </div>
                                <label class="filter-label mt-2 mb-1 pt-25">Etat</label>
                                <div class="list-group">
                                    <a href="task-favorite.php" class="list-group-item border-0">
                                        <span class="fonticon-wrap mr-50">
                                            <i class="livicon-evo" data-options="name: star.svg; size: 24px; style: lines; strokeColor:#475f7b; eventOn:grandparent;"></i>
                                        </span>
                                        <span>Favoris</span>
                                    </a>
                                    <a href="task-encour.php" class="list-group-item border-0">
                                        <span class="fonticon-wrap mr-50">
                                            <i class="livicon-evo" data-options="name: timer.svg; size: 24px; style: lines; strokeColor:#475f7b; eventOn:grandparent;"></i>
                                        </span>
                                        <span>En cours</span>
                                    </a>
                                    <a href="task-done.php" class="list-group-item border-0">
                                        <span class="fonticon-wrap mr-50">
                                            <i class="livicon-evo" data-options="name: check.svg; size: 24px; style: lines; strokeColor:#475f7b; eventOn:grandparent;"></i>
                                        </span>
                                        <span>Terminée</span>
                                    </a>
                                    <a href="task-delete.php" class="list-group-item border-0">
                                        <span class="fonticon-wrap mr-50">
                                            <i class="livicon-evo" data-options="name: trash.svg; size: 24px; style: lines; strokeColor:#475f7b; eventOn:grandparent;"></i>
                                        </span>
                                        <span>Supprimée</span>
                                    </a>
                                </div>
                                <label class="filter-label mt-2 mb-1 pt-25">Etiquette            <i onclick="block_add_etiquete()" class='bx bx-plus-medical petit'></i></label>
                                <div class="list-group">
                                    <?php foreach($etiq as $etiquette): ?>
                                        <a href="#" class="list-group-item border-0 d-flex align-items-center justify-content-between">
                                            <span><?= $etiquette['name_etiq'] ?></span>
                                            <span style="background-color: <?= $etiquette['color'] ?>;" class="etiq"></span>
                                        </a>
                                    <?php endforeach; ?>
                                </div>
                                <div class="from-group">
                                    <hr>
                                </div>
                                <div class="list-group none-validation" id="etiq_div">
                                    <form action="php/insert_etiq.php" method="POST">
                                        <label class="invoice-number mr-75">Nouvelle etiquette :</label>
                                        <div class="row align-items-start custom-line">
                                            <div class="col">
                                                <input name="name_etiq" type="text" class="form-control pt-25 w-70" required>
                                            </div>
                                            <div class="col-2 pt-25">
                                                <input name="color" type="color" class="rien">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <br>
                                            <button type="submit" class="btn btn-outline-secondary"><i class='bx bx-plus-medical'></i></button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- sidebar list end -->
                        </div>
                    </div>
                    <!-- todo new task sidebar -->
                    <div class="todo-new-task-sidebar">
                        <div class="card shadow-none p-0 m-0">
                            <div class="card-header border-bottom py-75">
                                <div class="task-header d-flex justify-content-between align-items-center">
                                    <h5 class="new-task-title mb-0">Nouvelle tache</h5>
                                    <button class="mark-complete-btn btn btn-light-primary btn-sm">
                                        <i class="bx bx-check align-middle"></i>
                                        <span class="mark-complete align-middle">Valider la tache</span>
                                    </button>
                                    <span class="dropdown mr-50">
                                        <i class='bx bx-paperclip cursor-pointer mr-50'></i>
                                        <a href="#" class="dropdown-toggle" id="todo-sidebar-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            <i class='bx bx-dots-vertical-rounded'></i>
                                        </a>
                                        <span class="dropdown-menu dropdown-menu-right" aria-labelledby="todo-sidebar-dropdown">
                                            <a href="#" class="dropdown-item">Assigner à un projet (SOON)</a>
                                        </span>
                                    </span>
                                </div>
                                <button type="button" class="close close-icon">
                                    <i class="bx bx-x"></i>
                                </button>
                            </div>
                            <!-- form start -->
                            <form action="php/insert_task.php" id="compose-form" class="mt-1">
                                <div class="card-content">
                                    <div class="card-body py-0 border-bottom">
                                        <div class="form-group">
                                            <!-- text area for task title -->
                                            <textarea name="name_task" class="form-control task-title" cols="1" rows="2" placeholder="Nom de la tache" required></textarea>
                                        </div>
                                        <div class="assigned d-flex justify-content-between">
                                            <div class="form-group d-flex align-items-center mr-1">
                                                <!-- users avatar -->
                                                <div class="avatar">
                                                    <img src="#" class="avatar-user-image d-none" alt="#" width="38" height="38">
                                                    <div class="avatar-content">
                                                        <i class='bx bx-user font-medium-4'></i>
                                                    </div>
                                                </div>
                                                <!-- select2  for user name  -->
                                                <div class="select-box mr-1">
                                                    <select class="select2-users-name form-control" id="select2-users-name" name="assignation_task">
                                                            <?php foreach($membre as $membres): ?>
                                                                <option value="<?= $membres['nom'] ?> <?= $membres['prenom'] ?>"><?= $membres['nom'] ?> <?= $membres['prenom'] ?></option>
                                                            <?php endforeach; ?>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group d-flex align-items-center position-relative">
                                                <!-- date picker -->
                                                <div class="date-icon mr-50">
                                                    <button type="button" class="btn btn-icon btn-outline-secondary round">
                                                        <i class='bx bx-calendar-alt'></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="date-picker">
                                                    <label>Début</label>
                                                    <input type="text" name="date_task" value="<?php  ?>" class="pickadate form-control px-0" placeholder="00/00/00" required>
                                                </div>
                                                <div class="date-picker">
                                                    <label>Fin</label>
                                                    <input type="text" name="dateecheance_task" value="31/12/<?php $dateY = date("Y"); $dateYy = substr($dateY, -2); echo $dateYy; ?>" class="pickadate form-control px-0" placeholder="00/00/00" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="div_etiq" class="card-body border-bottom task-description">
                                        <!--  Quill editor for task description -->
                                        <div class="snow-container border rounded p-50">
                                            <div class="d-flex justify-content-end">  
                                                <textarea name="description_task" class="form-control task-title compose-quill-toolbar pb-0" cols="1" rows="2" placeholder="Description de la tache" required></textarea>
                                            </div>
                                        </div>
                                        <div class="tag d-flex justify-content-between align-items-center pt-1">
                                            <div class="flex-grow-1 d-flex align-items-center">
                                                <i class="bx bx-tag align-middle mr-25"></i>
                                                <select id="etiq_last" name="etiquette_task" class="form-control">
                                                    <?php foreach($etiq as $etiquette): ?>
                                                        <option value="<?= $etiquette['name_etiq'] ?>"><?= $etiquette['name_etiq'] ?></option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </div>
                                            <div class="ml-25">
                                                <i onclick="newetiq()" class="bx bx-plus-circle cursor-pointer"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="div_color" class="card-body border-bottom task-description none-validation">
                                        <div class="form-group ">
                                            <label for="exampleInputEmail1">Nouvelle etiquette :</label>
                                            <input type="text" class="form-control" id="etiq" name="new_etiq" placeholder="Nom de l'étiquette" disabled>
                                            <br>
                                            <input id="etiq_color" type="color" name="new_color" value="#ffc874" disabled>
                                        </div>
                                    </div>
                                    <div class="card-body pb-1">
                                        <!-- quill editor for comment -->
                                        <div class="snow-container rounded p-50">
                                            <label>Commentaire :</label>
                                            <input name="commentaire_task" class="form-control task-title compose-quill-toolbar pb-0" cols="1" rows="2" placeholder="Ecrire un commentaire ..." required>
                                        </div>
                                        <div class="mt-1 d-flex justify-content-end">
                                            <button type="submit" class="btn btn-primary add-todo">Ajouter la tache</button>
                                            <button type="button" class="btn btn-primary update-todo">Sauvegarder</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!-- form start end-->
                        </div>
                    </div>

                </div>
            </div>
            <div class="content-right">
                <div class="content-overlay"></div>
                <div class="content-wrapper">
                    <div class="content-header row">
                    </div>
                    <div class="content-body">
                        <div class="app-content-overlay"></div>
                        <div class="todo-app-area">
                            <div class="todo-app-list-wrapper">
                                <div class="todo-app-list">
                                    <div class="todo-fixed-search d-flex justify-content-between align-items-center">
                                        <div class="sidebar-toggle d-block d-lg-none">
                                            <i class="bx bx-menu"></i>
                                        </div>
                                        <fieldset class="form-group position-relative has-icon-left m-0 flex-grow-1">
                                            <input type="text" class="form-control todo-search" id="todo-search" placeholder="Rechercher">
                                            <div class="form-control-position">
                                                <i class="bx bx-search"></i>
                                            </div>
                                        </fieldset>
                                        <div class="todo-sort dropdown mr-1">
                                            <button class="btn dropdown-toggle sorting" type="button" id="sortDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="bx bx-filter"></i>
                                                <span>Filtre</span>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="sortDropdown">
                                                <a class="dropdown-item ascending" href="#">Ascendante</a>
                                                <a class="dropdown-item descending" href="#">Descendante</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="todo-task-list list-group">
                                        <!-- task list start -->
                                        <ul class="todo-task-list-wrapper list-unstyled" id="todo-task-list-drag">
                                            <?php foreach($tache as $task): ?>
                                            <li onclick="RedirectionJavascript()" class="" style="height: 45px;" data-name="<?= $task['assignation_task'] ?>">
                                                <div class="todo-title-wrapper d-flex justify-content-sm-between justify-content-end align-items-center">
                                                    <div class="todo-title-area d-flex">
                                                        <i class='bx bx-grid-vertical handle'></i>
                                                        <div class="checkbox">
                                                            <input type="checkbox" class="checkbox-input" id="checkbox10">
                                                            <label for="checkbox10"></label>
                                                        </div>
                                                        <p class="todo-title mx-50 m-0 truncate"><?= $task['name_task'] ?></p>
                                                    </div>
                                                    <div class="todo-item-action d-flex align-items-center">
                                                        <?php 
                                                        
                                                            $etiquette_list = $task['etiquette_task'];
                                                            $list_explode = explode( ',', $etiquette_list);
                                                            $taille_etiq = count($list_explode) - 1;

                                                            $color_list = $task['color_etiq'];
                                                            $list_explode_color = explode( "'", $color_list);

                                                            $sizetab = count($list_explode);
                                                            if($sizetab > 1){
                                                                $size_tab = "block-validation";
                                                            }else{
                                                                $size_tab = "none-validation";
                                                            }

                                                        ?>
                                                        <div class="todo-badge-wrapper d-flex">
                                                            <span class="badge badge-pill ml-50" style="margin-right: 10px; background-color: <?= $list_explode_color[0] ?>;"><?= $list_explode[$taille_etiq]; ?></span>
                                                        </div>
                                                        <span class="badge badge-light-secondary badge-pill ml-50 <?= $size_tab ?>" data-tag="<?= $task['etiquette_task'] ?>" data-toggle="tooltip" data-placement="bottom" title="<?= $task['etiquette_task'] ?>" style="margin-right: 10px;">
                                                            <i class='bx bx-dots-horizontal-rounded font-small-1'></i>
                                                        </span>
                                                        <?php 
                                                        
                                                            $input = array("primary", "secondary", "sucess", "danger", "warning", "info", "dark");
                                                            $rand_keys = array_rand($input, 1);
                                                            $result_color_rand = $input[$rand_keys];                                                                                  
                                                        
                                                        ?>
                                                        <span class="badge badge-circle badge-light-<?= $result_color_rand; ?>"><?= substr($task['assignation_task'], 0, 2); ?></span>
                                                        <a href="php/favo_task.php?num=<?= $task['id'] ?>&page=task" class='todo-item-favorite ml-75'><i class="<?php if($task['favorite'] == "1"){echo "bx bx-star bxs-star warning hoverfav";}else{echo "bx bx-star hoverfav";} ?>"></i></a>
                                                        <a href="php/status_task.php?num=<?= $task['id'] ?>&page=task" class='todo-item-delete ml-75'><i class="bx bx-check-circle <?php if($task['status_task'] == "encour"){echo "orange_task";}else{echo "green_task";} ?> checkhover"></i></a>
                                                        <a href="php/corbeille_task.php?num=<?= $task['id'] ?>&page=task" class='todo-item-delete ml-75'><i class="bx bx-trash checkhover"></i></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <script>
                                                function RedirectionJavascript(){
                                                    document.location.href="task-view.php?num=<?= $task['id'] ?>";
                                                }  
                                            </script>
                                            <?php endforeach ?>
                                        </ul>
                                        <!-- task list end -->
                                        <div class="no-results">
                                            <h5>Aucun taches</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BEGIN: Vendor JS-->
    <script src="../../../app-assets/vendors/js/vendors.min.js"></script>
    <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.tools.js"></script>
    <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.defaults.js"></script>
    <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.min.js"></script>
    <!-- BEGIN Vendor JS-->

    <!-- BEGIN: Page Vendor JS-->
    <script src="../../../app-assets/vendors/js/pickers/daterange/moment.min.js"></script>
    <script src="../../../app-assets/vendors/js/pickers/daterange/daterangepicker.js"></script>
    <script src="../../../app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="../../../app-assets/vendors/js/editors/quill/quill.min.js"></script>
    <script src="../../../app-assets/vendors/js/extensions/dragula.min.js"></script>
    <!-- END: Page Vendor JS-->

    <!-- BEGIN: Theme JS-->
    <script src="../../../app-assets/js/scripts/configs/vertical-menu-dark.js"></script>
    <script src="../../../app-assets/js/core/app-menu.js"></script>
    <script src="../../../app-assets/js/core/app.js"></script>
    <script src="../../../app-assets/js/scripts/components.js"></script>
    <script src="../../../app-assets/js/scripts/footer.js"></script>
    <!-- END: Theme JS-->

    <!-- BEGIN: Page JS-->
    <script src="../../../app-assets/js/scripts/pages/app-todo.js"></script>
    <!-- END: Page JS-->

    <script>

    function block_add_etiquete(){
        var xp = document.getElementById('etiq_div');
        xp.style.display = "block";
    } 

    function newetiq(){
        document.getElementById('div_color').style.display = "block";
        document.getElementById('etiq').disabled = false;
        document.getElementById('etiq_color').disabled = false;
        document.getElementById('div_etiq').style.display = "none";+
        document.getElementById('etiq_last').disabled = true;
    }
    </script>

</body>
<!-- END: Body-->

</html>
0
Réponse 3 / 3
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
29 janv. 2021 à 18:48
La première erreur JS signalée dans ta console concernant le script 
  <script src="../../../app-assets/vendors/js/editors/quill/quill.min.js"></script>


Je pense que si tu déplaces ton code avant l'include du script quill ça devrait marcher... 



    <script>

    function block_add_etiquete(){
        var xp = document.getElementById('etiq_div');
        xp.style.display = "block";
    } 

    function newetiq(){
        document.getElementById('div_color').style.display = "block";
        document.getElementById('etiq').disabled = false;
        document.getElementById('etiq_color').disabled = false;
        document.getElementById('div_etiq').style.display = "none";+
        document.getElementById('etiq_last').disabled = true;
    }
    </script>

 <!-- BEGIN: Vendor JS-->
    <script src="../../../app-assets/vendors/js/vendors.min.js"></script>
    <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.tools.js"></script>
    <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.defaults.js"></script>
    <script src="../../../app-assets/fonts/LivIconsEvo/js/LivIconsEvo.min.js"></script>
    <!-- BEGIN Vendor JS-->

    <!-- BEGIN: Page Vendor JS-->
    <script src="../../../app-assets/vendors/js/pickers/daterange/moment.min.js"></script>
    <script src="../../../app-assets/vendors/js/pickers/daterange/daterangepicker.js"></script>
    <script src="../../../app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="../../../app-assets/vendors/js/editors/quill/quill.min.js"></script>
    <script src="../../../app-assets/vendors/js/extensions/dragula.min.js"></script>
    <!-- END: Page Vendor JS-->

    <!-- BEGIN: Theme JS-->
    <script src="../../../app-assets/js/scripts/configs/vertical-menu-dark.js"></script>
    <script src="../../../app-assets/js/core/app-menu.js"></script>
    <script src="../../../app-assets/js/core/app.js"></script>
    <script src="../../../app-assets/js/scripts/components.js"></script>
    <script src="../../../app-assets/js/scripts/footer.js"></script>
    <!-- END: Theme JS-->

    <!-- BEGIN: Page JS-->
    <script src="../../../app-assets/js/scripts/pages/app-todo.js"></script>
    <!-- END: Page JS-->


Bien sûr... dans l'idéal ... faudrait corriger l'erreur que tu as dans ce script ...

En gros : Si .. Message d'erreur dans la console...... la corriger !

0
ScreamFR Messages postés 73 Date d'inscription lundi 30 décembre 2019 Statut Membre Dernière intervention 19 mai 2022 3
Modifié le 29 janv. 2021 à 19:06
Le probleme vien de la premiere erreur je pense, mais dans la console ca me dit que c'est a la ligne 67 mais il y a rien a la ligne 67
Et le quill.min.js c'est un fichier avec 1124124124 +infinie de ligne de code impossible de trouver l'erreur la dedans ?
que dois-je faire ? recommencer ma page

d'ailleur malgres la suppression de celui-ci l'erreur persiste
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650 > ScreamFR Messages postés 73 Date d'inscription lundi 30 décembre 2019 Statut Membre Dernière intervention 19 mai 2022
29 janv. 2021 à 20:09
C'est quoi le signe plus au bout de la ligne 584 ?
0
ScreamFR Messages postés 73 Date d'inscription lundi 30 décembre 2019 Statut Membre Dernière intervention 19 mai 2022 3 > jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024
30 janv. 2021 à 11:44
Ca fonctionne xDDDDDD, les erreurs de frappe comme ca ca donne envie de se mordre les doigts xD
0

Discussions similaires

comment contourner la fonction FILTRE
Gabby -
DjiDji59430 -

3 réponses
Message "cette fonction n'est pas disponible actuellement"
daladala -
Marocain -

14 réponses
Comment savoir comment on nous a ajouté sur Snap
Laura -
Mariana -

13 réponses
Fonction MS-DOS non valide
Phoenix78 -
avo9900 -

6 réponses
Remplir une cellule (texte) en fonction d'une autre (texte).
SOMUM -
SOMUM -

4 réponses