Liste déroulante : affichage navigateur en haut de la page - code html en bas de page

**le Mer Sep 07, 2011 20:37**

Bonjour,

Voila, il est souvent considéré en référencement que les mots proches de la balise

Code: Tout sélectionner: <body>

ont une grande importance pour les moteurs de recherche.

En haut de ma page, j'ai plusieurs listes déroulantes du type (cela représente environs 3000 liens).

Code: Tout sélectionner: <select name="name1" id="id1" onchange="window.location.href=this.value" > <option value="">-----</option> <option value='http://www.mon_site.com/lien1.html' >Texte 1</option> <option value='http://www.mon_site.com/lien2.html' >Texte 2</option> </select> <p> TEXTE IMPORTANT POUR LE REFERENCEMENT </p>

J'aimerais que ces listes déroulantes s'affichent toujours en haut de page mais que le code html qui les génrère soit en bas de page, ceci afin de donner du poids au paragraphe

Code: Tout sélectionner: <p> </p>

en dessous.
Peut être une idée en javascript ou CSS ???

Merci d'avance

PS : je ne souhaite pas non plus que les moteurs de recherche suivent ces liens (environs 3000 = dilution du poids des liens.... Et pour cela j'ai des liens en dur sur mes pages).

**le Mer Sep 07, 2011 20:42**

charge tes liste déroulantes avec ajax. elle ne seront pas visibles des moteurs et seul les utilisateurs les auront.

**le Mer Sep 07, 2011 20:52**

OK, merci beaucoup.

Je devrais y arriver, j'ai quelques notions en ajax...

Mais je bloque au niveau du javascipt..... j'utilise quelle événement javascript ?
Peut être

Code: Tout sélectionner: <body onLoad="ma_fct()">

..... c'est ca ??

Merci

**le Mer Sep 07, 2011 21:10**

oui le onload devrait coller (enfin je pense car j'utilise pas) mais perso je mettrait le code qui déclenche le chargement en bas de page entre deux balises script pour qu'il soit exécuté une fois la page chargée et notamment pour être certains que la div qui va recevoir le contenu de la liste (via innerhtml) soit chargée.

en effet onload "Se produit lorsque le navigateur de l'utilisateur charge la page en cours" (mais il n'est pas précisé si la page est complètement chargée) et si la div (ou autre chose) censé recevoir le code n'est pas chargé tu risque un plantage.

genre :

Code: Tout sélectionner: <html> <head> <title>bla bla</title> </head> <body> <div id="futurListe"></div> bla bla bla bla bla bla bla bla bla bla bla bla <script> var xhr=null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("GET", "http://www.example.com/ajax/script-liste.php, false); xhr.send(null); document.getElementById('futurListe').innerHTML = xhr.responseText </script> </body> </html>

**le Mer Sep 07, 2011 21:15**

Ok, merci beaucoup.
Bonne soirée

Liste déroulante : affichage navigateur en haut de la page - code html en bas de page

Liste déroulante : affichage navigateur en haut de la page - code html en bas de page

Re: Liste déroulante : affichage navigateur en haut de la page - code html en bas de page

Re: Liste déroulante : affichage navigateur en haut de la page - code html en bas de page

Re: Liste déroulante : affichage navigateur en haut de la page - code html en bas de page

Re: Liste déroulante : affichage navigateur en haut de la page - code html en bas de page

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne