js onclick fait disparaitre le contenu de ma page

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par pkibel, 19 Août 2022.

  1. pkibel
    pkibel Nouveau WRInaute
    Inscrit:
    14 Juillet 2020
    Messages:
    2
    J'aime reçus:
    1
    Bonjour à tous,

    je développe un erp pour mon usage professionnel et j'ai une page où j'affiche une liste de devis.
    Pour chacun d'eux il y a 3 possibilité et l'une d'elle est de convertir le devis en commande.
    Le problème que je rencontre est que la liste disparait lors de l'événement onclick et je ne peux pas la modifier.
    J'aimerai bien savoir pourquoi cet effet.
    le bouton :
    Code HTML :
    HTML:
    <td><button id="Devis2Commande-129" class="form-control btn btn-primary" onclick="Devis2Commande('129'); return false;">commander</button>
    Le js :
    Code:
    /*************************************************************
        17/08/2022
            Convert devis to a Commande
            ERP mobile version
            file: Devis2Commande.js
            lib by roger girardin
    *************************************************************/
    function Devis2Commande(DevisId) {
          ///////////////////////////////////////////////////////////////////
        /////       SHOWS ELEMENTS BY ID
        ///////////////////////////////////////////////////////////////////
            ///////////////////////////////////////////////////////////////
            ////    Tmp Div
            document.getElementById('ContTmpDiv').style.visibility = 'visible';
            ///////////////////////////////////////////////////////////////
            ////    Msg Main
            //document.getElementById('ContMsgMain').style.display = 'inline';
            ///////////////////////////////////////////////////////////////
            ////    Calendar Rappel
            //document.getElementById('ContCalendarRappel').style.display = 'inline';
            ///////////////////////////////////////////////////////////////
            ////    Calendar Rv
            //document.getElementById('ContCalendarRv').style.display = 'inline';
            ///////////////////////////////////////////////////////////////
            ////    Add Prospect
            //document.getElementById('ContAddProspect').style.display = 'inline';
            ///////////////////////////////////////////////////////////////
            ////    List Add Prospect
            //document.getElementById('ContListAddProspect').style.display = 'inline';
            ///////////////////////////////////////////////////////////////
            ////    Rappel
            //document.getElementById('ContDisplayRappel').style.display = 'inline';
            ///////////////////////////////////////////////////////////////
            ////    List DisplayArticle
            //document.getElementById('ContListArticle').style.display = 'inline';
            ///////////////////////////////////////////////////////////////
            ////    Display DisplayArticle
            //document.getElementById('ContDisplayArticle').style.display = 'inline';
            ///////////////////////////////////////////////////////////////
            ////    Bon de Co0mmande
            //document.getElementById('ContBonDeCommande').style.display = 'inline';
        ///////////////////////////////////////////////////////////////////
        /////       HIDE ELEMENTS BY ID
        ///////////////////////////////////////////////////////////////////
            ///////////////////////////////////////////////////////////////
            ////    Tmp Div
            //document.getElementById('ContTmpDiv').style.visibility = 'hidden';
            ///////////////////////////////////////////////////////////////
            ////    Msg Main
            //document.getElementById('ContMsgMain').style.display = 'none';
            ///////////////////////////////////////////////////////////////
            ////    Calendar Rappel
            //document.getElementById('ContCalendarRappel').style.display = 'none';
            ///////////////////////////////////////////////////////////////
            ////    Calendar Rv
            //document.getElementById('ContCalendarRv').style.display = 'none';
            ///////////////////////////////////////////////////////////////
            ////    Add Prospect
            //document.getElementById('ContAddProspect').style.display = 'none';
            ///////////////////////////////////////////////////////////////
            ////    List Add Prospect
            //document.getElementById('ContListAddProspect').style.display = 'none';
            ///////////////////////////////////////////////////////////////
            ////    Rappel
            //document.getElementById('ContDisplayRappel').style.display = 'none';
            ///////////////////////////////////////////////////////////////
            ////    List DisplayArticle
            //document.getElementById('ContListArticle').style.display = 'none';
            ///////////////////////////////////////////////////////////////
            ////    Display DisplayArticle
            //document.getElementById('ContDisplayArticle').style.display = 'none';
            ///////////////////////////////////////////////////////////////
            ////    Bon de Commande
            //document.getElementById('ContBonDeCommande').style.display = 'none';
         $( document ).ajaxStart(function(){   
         });
         $( document ).ajaxStop(function() {
            document.getElementById('ContTmpDiv').style.visibility = 'hidden';
            //document.getElementById('TmpDiv').style.visibility = 'hidden';
         });
        $.ajax({
            beforeSend : function(xhr, opts){
                //
                if(!confirm('Valider le devis ?')){
                        alert('Validation annul\351e');
                        //document.getElementById('MsgBonDeCommandeClientdata').innerHTML = ('Commande annul\351e');
                        //window.location.hash = '#MsgBonDeCommandeClientdata';
                        return false;
                }
            },
            type        : 'GET', // define the type of HTTP verb we want to use (POST for our form)
            url            : 'ajax/Devis2Commande.php', // the url where we want to POST
            data        : 'devis_id=' + DevisId,
            dataType    : 'json',           
            success        : function(json){
     
                        if(json.error == false){
                            //
                            var cell2update = 'Devis2Commande-' + DevisId;
                            document.getElementById(cell2update).innerHTML = 'Devis ' + DevisId + ' valid\351 : ' + json.cde_id;
     
                            console.log('js.Devis2Commande: ' + json.msg);
                       }else{
                            //
                            var cell2update = 'Devis2Commande-' + DevisId;
                            document.getElementById(cell2update).innerHTML = 'Devis ' + DevisId + ' non valid\351 : ' + json.cde_id;
     
                            console.log('js.Devis2Commande: error' + JSON.stringify(json));
                        }
                        //alert(PASSWORD + 'id : ' + Id);
     
            },                           
            error      : function(json){
                        console.log('js.Devis2Commande: error' + JSON.stringify(json));
                        }
        });
    }
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 207
    J'aime reçus:
    365
    Juste avec le code et sans URL ça va être difficile de t'aider. Pour reproduire le bug.

    NB : un ERP maison avec du jQuery en 2022 ? Sérieux ?
    NB2 : Quid de Odoo ?
     
    #2 spout, 19 Août 2022
    Dernière édition: 19 Août 2022
  3. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 952
    J'aime reçus:
    275
    Et sinon, plus simple que Odoo, il y a Dolibar
     
  4. pkibel
    pkibel Nouveau WRInaute
    Inscrit:
    14 Juillet 2020
    Messages:
    2
    J'aime reçus:
    1
    Bonjour,
    Je développe cet ERP depuis 2014, j'en suis à la v5 et il est complètement sur mesure.
    En plus Coder me détend.
     
    Marie-Aude apprécie ceci.
Chargement...
Similar Threads - onclick disparaitre contenu Forum Date
Le simple affichage de ma page déclenche les événements onClick... Merci Google Analytics 17 Mai 2022
Onclick Select ne fonctionne pas dans Chrome Développement d'un site Web ou d'une appli mobile 21 Mars 2022
Accordion jquery : onclick fermer la section ouverte Développement d'un site Web ou d'une appli mobile 13 Février 2020
onClick select fonctionne pas avec Chrome Développement d'un site Web ou d'une appli mobile 7 Mars 2018
Afficher valeur id onclick sur checkbox Développement d'un site Web ou d'une appli mobile 21 Février 2018
Attribut onclick pénalisant ? Référencement Google 12 Mai 2017
Est-ce que Google crawl les onclick? Crawl et indexation Google, sitemaps 23 Juillet 2015
afficher masquer on utilisant Onclick Développement d'un site Web ou d'une appli mobile 21 Janvier 2015
Actualiser un div par onclick? Développement d'un site Web ou d'une appli mobile 28 Juin 2012
Insérer un Enregistrer sous sur OnClick Développement d'un site Web ou d'une appli mobile 20 Novembre 2011
Comment empêcher l'indexation de texte après un <a onclick=... Débuter en référencement 4 Novembre 2011
Onclick en 2011 ? :) Débuter en référencement 19 Octobre 2010
Onclick sur <tr></tr> = coché un bouton radio Développement d'un site Web ou d'une appli mobile 31 Mai 2010
2 actions javascript sur un onclick Développement d'un site Web ou d'une appli mobile 15 Juin 2009
Google et les liens JavaScript, les OnClick Référencement Google 8 Juin 2009
Javascript onclick ou nofollow ? Netlinking, backlinks, liens et redirections 20 Mai 2009
JavaScript: OnClick, OnContextMenu, et quoi d'autre ? Développement d'un site Web ou d'une appli mobile 26 Février 2009
Echanges de liens avec d'autres pages que l'index et fct onclick Problèmes de référencement spécifiques à vos sites 23 Janvier 2009
Lien en dur...ou en mou ? (href et onclick) Netlinking, backlinks, liens et redirections 19 Novembre 2008
Submit d'un formulaire onclick lien Crawl et indexation Google, sitemaps 23 Juin 2008