Problème Javascript compatible IE ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par ortolojf, 15 Octobre 2013.

  1. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    2 919
    J'aime reçus:
    12
    Bonjour

    J'ai fait un script Javascript changeant à la volée, soit la classe css d'un élément <input type="button"> , soit le fait qu'un bouton radio <input> soit "checked" ou non.

    J'aurais besoin de savoir si cette syntaxe que j'ai utilisé est la bonne, et compatible IE et tous navigateurs ( mobile, tablette ou desktop ) :

    Code:
    
    /* Pour changer la classe de l'élément dont l'identificateur est id */
    document.getElementById(id).className="autre_classe";
    
    /* Pour rendre le bouton radio d'identificateur = id , non sélectionné  */
    document.getElementById(id).checked=false;
    
      
    

    J'ai entendu dire sur le web, qu'il y avait aussi une fonction setAttribute() :

    Code:
    
    document.getElementById(id).setAttribute("type", value);
    
    

    En l'occurrence pour le premier cas, "type" serait "class" ou "className" ( lequel des deux je ne sais pas ), et le deuxième cas : "type" serait "checked".

    Quelles sont les bonnes syntaxes pour ces deux types d'attributs d'éléments ?

    Au cas où celà aurait de l'importance, je suis en HTML 5 et UTF8.

    J'ai déjà adapté pas mal mon site aux smartphones et tablettes, la vache j'attends mon livre de Raphaël Goetter acheté par mes soins mercredi dernier 9 octobre, et pas encore envoyé... ;( ... Théoriquement en stock qu'ils disaient.

    Merci de me dire si mon site est est à peu près lisible sur smartphone ?

    Merci beaucoup de vos réponses.

    Amicalement.

    Jean François Ortolo
     
  2. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    2 919
    J'aime reçus:
    12
    Rebonjour

    Finalement voilà ce que j'ai fait :

    Code:
    
      /*  Pour la classe, donner la valeur : value  */
    function set_class(id, value)
    {
         document.getElementById(id).setAttribute("class", value);
         document.getElementById(id).setAttribute("className", value);
    
         return(true);
    }
    
      /*  Pour l'élément à (dé)sélectionner :  */
      /*          value = true ou false.                */
    function set_checked(id, value)
    {
          document.getElementById(id).checked = value;
    
          return(true);
    }
    
    

    Est-ce que ce code Javascript, "passera" sur tous les navigateurs actuellement pratiqués ( mobiles, tablettes, desktop ) ?

    Excusez mon ignorance, je pratique rarement Javascript.

    Amicalement.

    Jean François Ortolo
     
Chargement...
Similar Threads - Problème Javascript compatible Forum Date
Problème de conflit javascript Développement d'un site Web ou d'une appli mobile 26 Juin 2017
Problème ajax et javascript Développement d'un site Web ou d'une appli mobile 12 Septembre 2013
Probleme tableau javascript Développement d'un site Web ou d'une appli mobile 31 Janvier 2013
Petit problème dans le javascript Développement d'un site Web ou d'une appli mobile 30 Octobre 2011
[script] probleme confirm() javascript+ PHP Développement d'un site Web ou d'une appli mobile 7 Juin 2011
Probleme creation compteur de clic en javascript Débuter en référencement 21 Mars 2010
Problème compression de script Javascript Développement d'un site Web ou d'une appli mobile 15 Avril 2009
Problème avec les lignes <hr> Développement d'un site Web ou d'une appli mobile Mardi à 10:22
Problème de déclencheur avec une balise GTM Google Analytics 13 Janvier 2020
probleme de redirection 301 certbot Administration d'un site Web 12 Janvier 2020
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice