Changer l'ordre d'apparition des div avec xslt?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par shopoto, 10 Août 2010.

  1. shopoto
    shopoto Nouveau WRInaute
    Inscrit:
    4 Septembre 2007
    Messages:
    5
    J'aime reçus:
    0
    Bonjour tout le monde!

    Admettons que par défaut j'ai une structure html ultra simple:
    Code:
    <div id="global">
    	<div id="header"></div>
    	<div id="search"></div>
    	<div id="results"></div>
    	<div id="footer"></div>
    <div>
    
    Afin d'optimiser le ref nat, je souhaiterais changer la structure des div en ceci:
    Code:
    <div id="global">
    	<div id="header"></div>
    	<div id="results"></div>
    	<div id="search"></div>
    	<div id="footer"></div>
    <div>
    
    Mais évidement à l'affichage il faut que la section moteur de recherche ("search") apparaisse toujours avant les résultats.


    Pour cela j'ai pas bcp de solutions:
    Soit j'utilise :
    -Jquery : Je sais faire, c'est pas le pb.
    Le pb c'est dans le cas des navigateur qui bloque l'utilisation du Javascript...
    et oui il y en a ! Donc exit Js et Jquery

    -XSLT ou XSL je sais pas bien...
    Je souhaiterais donc, des la fin du chargement de la page, déplacer mon container "results" juste après le container "search" a l'aide d'une feuille xsl (ou xslt..)

    Quelqu'un a déjà pensé à et/ou utilisé cette technique?
    Si oui comment faire?

    Merci d'avance!
     
  2. CARREZ
    CARREZ WRInaute discret
    Inscrit:
    12 Mai 2006
    Messages:
    73
    J'aime reçus:
    0
    Sauf erreur le XSL et XSLT c'est pour mettre en forme du XML pas du HTML.

    Il faut utiliser du CSS pour ça, avec la position absolute, en fonction de la complexité de la charte graphique c'est possible. Et accessible !
    Si la div "search" à une hauteur qui ne change jamais c'est assez simple à faire en CSS.

    Par contre je ne sais pas dans quelle mesure ce n'est pas une "fraude" d'afficher le contenu dans un ordre différent du code source.
     
  3. shopoto
    shopoto Nouveau WRInaute
    Inscrit:
    4 Septembre 2007
    Messages:
    5
    J'aime reçus:
    0
    Je ne pense pas que ce soit une fraude...
    Quand bien même je prend le risque!
    Je ne peux utiliser la solution css car mes deux conteneurs search et results ont bien une hauteur variable!
    D' ou mon intérêt pr XSL.
    De plus Xsl est en effet utilise pr XML mais le html dérive bien du XML
    dc xsl doit pouvoir manipuler du html.
    Quelqu un saurait faire?
     
  4. CARREZ
    CARREZ WRInaute discret
    Inscrit:
    12 Mai 2006
    Messages:
    73
    J'aime reçus:
    0
    Pour faire ça, il faut changer un peu la structure du html, ajouter un conteneur ça sera plus simple :

    Code:
    <div id="global">
       <div id="header"></div>
       <div id="contenu">
          <div id="results"></div>
          <div id="search"></div>
       </div>
       <div id="footer"></div>
    <div>
    Pour que la div search se positionne par rapport à contenu :
    #contenu {position: relative; padding-top: XXXpx;}
    Avec XXXpx la hauteur de la div search en px

    Pour mettre la div searchen haut du contenu
    #search {position: absolute; top: 0;}

    Normallement ça devrait suffir pour inverser visuellement les deux blocs
    Le CSS peut se mettre aussi directement dans les div d'ailleurs !
     
Chargement...
Similar Threads - Changer ordre apparition Forum Date
Changer l'ordre d'affichage d'un contenu sql Développement d'un site Web ou d'une appli mobile 4 Juin 2012
Changer l'ordre des catégories sans affecter le SEO Crawl et indexation Google, sitemaps 31 Août 2010
Changer l'ordre dans le titre d'un forum phpbb Référencement Google 24 Août 2006
WordPress Changer l'emplacement par défaut des médias dans WordPress Développement d'un site Web ou d'une appli mobile 14 Juillet 2022
Quel est l'impact SEO de changer le titre des pages et la balise H1 chaque mois? Débuter en référencement 11 Avril 2022
Quantcast - Comment changer le titre "Le respect de votre vie privée est notre priorité" Développement d'un site Web ou d'une appli mobile 19 Octobre 2021
Changer la couleur du background d'un <tr> Développement d'un site Web ou d'une appli mobile 11 Février 2020
Changer le mdp sans connaitre l'ancien chez Digital Ocean Administration d'un site Web 6 Janvier 2020
Le monde vient de changer (Bert inside) Référencement Google 10 Décembre 2019
Article fixe avec bannière changer souvent Crawl et indexation Google, sitemaps 9 Octobre 2019
Changer de mot clé ? Référencement Google 5 Août 2019
Changer la police de la SERP Référencement Google 16 Juillet 2019
Changer mon url canonique oui / non ? Débuter en référencement 26 Mai 2019
changer les meta title trop souvent est il négatif? Débuter en référencement 29 Décembre 2018
Changer de nom de domaine Noms de domaine et référencement 28 Novembre 2018
changer nom de domaine/ theme Noms de domaine et référencement 21 Octobre 2018
Faut-il changer la date à chaque mise à jour ? Débuter en référencement 19 Juin 2018
Process pour échanger une liste d'emails entre client et prestataire Droit du web (juridique, fiscalité...) 2 Janvier 2018
Changer design du site et nom de domaine en même temps Demandes d'avis et de conseils sur vos sites 19 Décembre 2017
Changer l'indexation de https à http Débuter en référencement 8 Décembre 2017