IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Complètement perdu dans JavaScript


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juin 2013
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Finance

    Informations forums :
    Inscription : Juin 2013
    Messages : 6
    Par défaut Complètement perdu dans JavaScript
    Bonjour à tous,

    J'essaie de changer une balise pour y insérer un script.
    Je ne suis pas sûr d'employer les bons termes, désolé.

    J'ai le code suivant qui fait que la phrase "bonjour, etc" s'affiche dans la langue que le visiteur choisi. Mais je n'arrive pas à inclure mes liens hypertextes.

    Comment faire ?
    J'ai joint une impression d'écran.

    Merci d'avance.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div id="langText"></div>
    <script>
    if ($j('li.main.right.language_selector a.tab').text().trim() == "Français") {
     
    document.getElementById("langText").innerHTML = "<center><h2>FOIRE AUX QUESTIONS</h2></center><br><justify>Bonjour, <br><br>Nous vous invitons à chercher dans nos <b><i>forums</i></b> avant de nous envoyer une requête...</justify>" ;
     
    }

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <td>
      <h5>
        <a href="http://monsite.com/categories/20071751">
          <img src="/attachments/token/ppx0yvmtfqwk13n/?name=fr.png" alt="fr.png"</> Foire Aux Questions
        </a>
      </h5>
    </td>
    Images attachées Images attachées  

  2. #2
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Par défaut
    Bonjour Sylvain,

    Ton script se contente d'insérer un HTML différent selon la valeur d'un onglet plus haut. Donc pour ajouter des liens hypertextes, il suffit de mettre des balises <a> dans le code HTML inséré via innerHTML.

    Il existe des manières bien plus "propres" de faire cela, avec des mécanismes de templating Javascript ou de data-binding, mais si tu débutes en Javascript mieux vaut commencer par les bases

  3. #3
    Nouveau membre du Club
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juin 2013
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Finance

    Informations forums :
    Inscription : Juin 2013
    Messages : 6
    Par défaut Ça ne marche pas
    Merci Sylvain,

    Je ne sais pas quoi faire.
    J'ai beau essayer avec ou sans guillemets...

    Saurais-tu me dire, s'il te plaît ?

    MERCI


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <div id="langText"></div>
     
     
    <script>
    if ($j('li.main.right.language_selector a.tab').text().trim() == "Français") {
     
    document.getElementById("langText").innerHTML = "<center><h2>FOIRE AUX QUESTIONS</h2></center><br><justify>Bonjour, <br><br>Nous vous invitons à chercher dans nos <b><i>forums</i></b> avant de nous envoyer une requête...</justify>" ;
    "<a href="http://monsite.com/categories/20071751"><img src="/attachments/token/ppx0yvmtfqwk13n/?name=fr.png" alt="fr.png"</> Foire Aux Questions</a>"
    }

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2013
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 141
    Par défaut
    Salut,

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="http://monsite.com/categories/20071751"><img src="/attachments/token/ppx0yvmtfqwk13n/?name=fr.png" alt="fr.png"</> Foire Aux Questions</a>

    Normal que cela ne marche pas, essai cela, ca devrais aller mieux

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href='http://monsite.com/categories/20071751'><img src='/attachments/token/ppx0yvmtfqwk13n/?name=fr.png' alt='fr.png'</> Foire Aux Questions</a>

    J'ai simplement remplacé tes doubles quotes " par de simple quote ', il s'agit d'une erreur d'interprétation lorsque l'on souhaite mettre des " à l'intérieur de ", il faut soit faire un échappement \" soit remplacé tes " qui sont à l'intérieur par des simples quotes

  5. #5
    Nouveau membre du Club
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juin 2013
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Finance

    Informations forums :
    Inscription : Juin 2013
    Messages : 6
    Par défaut
    Merci !!

    Je vais peut-être être lourd, mais qu'est-ce que je fais de la première partie ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    "<center><h2>FOIRE AUX QUESTIONS</h2></center><br><justify>Bonjour, <br><br>Nous vous invitons à chercher dans nos <b><i>forums</i></b> avant de nous envoyer une requête...</justify>' ;

  6. #6
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    pourquoi ne pas masquer/afficher des div en fonction de la langue ?

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <div id="langText">
    	<div class="langText" id="langText-FR">
    		<h2 style="text-align:center;">FOIRE AUX QUESTIONS</h2>
    		<p style="text-align:justify;">Bonjour, <br/><br/>Nous vous invitons à chercher dans nos <b><i>forums</i></b> avant de nous envoyer une requête...</p>
    		<p><a href="http://monsite.com/categories/20071751"><img src="/attachments/token/ppx0yvmtfqwk13n/?name=fr.png" alt="fr.png" /> Foire Aux Questions</a></p>
    	</div>
     
    	<div class="langText" id="langText-EN">
    		...
    	</div>
     
    	<div class="langText" id="langText-JA">
    		...
    	</div>
    </div>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <script>
    $('.langText').hide(); // on masque tout
    if ($j('li.main.right.language_selector a.tab').text().trim() == 'Français') {
    	$('#langText-FR').show();
    } else if(.... == 'Anglais') {
    	$('#langText-EN').show();
    }
    ...
    </script>
    Ca évite d'écrire (inutilement) du code HTML à l'intérieur du code JavaScript, et de se mélanger les pieds avec les ' et ".

    N.B. Je suppose que $j(...) fait référence à jQuery.
    Dernière modification par Bovino ; 17/06/2013 à 14h55.

  7. #7
    Nouveau membre du Club
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juin 2013
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Finance

    Informations forums :
    Inscription : Juin 2013
    Messages : 6
    Par défaut
    De nouveau merci à tous de votre aide !
    Mais là je suis encore plus perdu.

    Ce que je voudrais comme résultat je l'ai ajouté en pièces jointes.

    Selon la langue que le visiteur choisit je voudrais que mon "widget" change de langue aussi et qu'il y ait dans le widget:
    • - Le message d'accueil,
    • - Le drapeau
    • - Le lien hypertexte à la Foire Aux Questions correspondante.

    Encore Merci !
    Images attachées Images attachées   

  8. #8
    Invité
    Invité(e)
    Par défaut
    Re.
    Commence par dire que tu n'y connais rien à JavaScript, on gagnerait du temps. (il n'y a pas de honte à ça)
    Car on vient de te donner DEUX solutions, mais si tu ne comprends pas, il te sera en effet difficile d'appliquer les méthodes proposées...

    Pour faire simple, oublie mon précédent post et utilise celui-ci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div id="langText"></div>
    <script>
    // Si "Français" :
    if ($j('li.main.right.language_selector a.tab').text().trim() == 'Français') {
    	var text_lg = '<h2 style="text-align:center;">FOIRE AUX QUESTIONS</h2>';
    	text_lg += '<p style="text-align:justify;">Bonjour, <br><br>Nous vous invitons à chercher dans nos <b><i>forums</i></b> avant de nous envoyer une requête...</p>';
    	text_lg += '<p><a href="http://monsite.com/categories/20071751"><img src="/attachments/token/ppx0yvmtfqwk13n/?name=fr.png" alt="fr.png" /> Foire Aux Questions</a></p>';
    	document.getElementById("langText").innerHTML = text_lg;
    }
    </script>
    Tu remarqueras que j'ai enlevé les balises OBSOLETES <justify> et <center> pour les remplacer par du style CSS (ici, inline)
    Dernière modification par Invité ; 17/06/2013 à 15h19.

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2013
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 141
    Par défaut
    jreaux62 à raison tu créer des div qui contienne chacune ton texte, tes liens ,.... et en fonction du choix de langue tu fait apparaitre telle ou telle div, exemple

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
     
    <ul id="choixlangue">
        <li onClick="choixlangue(fr);">FR</li>
        <li  onClick="choixlangue(eng);">ENG</li>
    </ul>
     
    //menu français
    <div id="francais">
               <div id="titre">Bonjour</div>
                    <div id="text">ceci est mon blabla en français</div>
                    <a href="ceci est mon lien vers une page française">cliquez pour etre français</a>
    </div>
     
    //menu anglais
    <div id="anglais">
               <div id="titre">Good morning</div>
                    <div id="text">this is my blablabla</div>
                    <a href="this is link english">clic if you are english</a>
    </div>

    Code JAVASCRIPT : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    function choixlangue(lang){
    if(lang==fr){
    document.getElementById('francais').visibility="visible";
    document.getElementById('anglais').visibility="hidden";
    }
    if(lang==eng){
    document.getElementById('anglais').visibility="visible";
    document.getElementById('francais').visibility="hidden";
    }
    [...]
    }

    Il te sera cependant nécessaire d'approfondir tes bases en javascript si tu veut dynamiser tout cela

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Complètement perdu dans l'installation de OVH
    Par cd090580 dans le forum OVH
    Réponses: 3
    Dernier message: 19/09/2007, 14h03
  2. Perdu dans le traitement de string
    Par MatMeuh dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/09/2004, 11h34
  3. Perdue dans les Response.Write...
    Par Tapioca dans le forum ASP
    Réponses: 4
    Dernier message: 11/07/2004, 11h54
  4. asp dans javascript
    Par roninou dans le forum ASP
    Réponses: 4
    Dernier message: 26/05/2004, 15h00
  5. liste déroulante asp dans javascript
    Par croco83 dans le forum ASP
    Réponses: 6
    Dernier message: 12/05/2004, 17h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo