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

JavaScript Discussion :

changement banniere en JS


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 4
    Par défaut changement banniere en JS
    Bonjour à ts...
    je vous explique mon soucis. On m'a demandé de modifier les bannieres d'un site dynamique sur 5 pages. Le soucis c'est que se site comporte 5 rubriques et toute sont generer en asp et visual basic a se que j'ai compris. Celui qui avait concu le site à l'époque avait fait un gabarit. Ce qui fais que en fait si je modifis la banniere d'une page ca changera la banniere des 5 pages. Et je voudrais que chaque pages comporte des banniere différente.
    Afin d'arriver a se résulta javais pensé de crée un petit code javascripte ou je ferai une condition que "si l'adresse url est égale à http://blablabla....valeur=1 alors ecrire en html <img src=''...> esce possible ? j'ai essayer un truc ms ca marche pas

    <script type="text/javascript">

    if (top.location.href="http://www.monsite.fr/pages/rubriques.aspx?action=rubrique&valeur=1"){document.write('<a href="http://www.free.fr" target="_blank"><img src="/images/pub/3.jpg" width="150" height="458" border="0" /></a>');

    }else if () {};
    else if () {};
    else if () {};
    else if () {}; ....


    </script>

    pourriez vous m'orienter si cela est possible et comment faire car je suis en contrat pro et c'est tres difficile...

  2. #2
    Rédacteur
    Avatar de Halleck
    Homme Profil pro
    Consultant PHP
    Inscrit en
    Mars 2003
    Messages
    597
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Loiret (Centre)

    Informations professionnelles :
    Activité : Consultant PHP

    Informations forums :
    Inscription : Mars 2003
    Messages : 597
    Par défaut
    Qu'est-ce qui ne marche pas là ? J'imagine que quand tu fais ton document.write, ça efface tout le contenu de la page ?

    Tu peux remplacer le contenu de ton élément en utilisant la propriété innerHTML, ou modifier la source de ton image avec la propriété src

    Ex:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    var img = new array(img1, img2...);
    var urlPage = new array(url1, url2...);
    switch (urldudocument) {
         case urlPage[0]:
              // si la bannière est une image
              document.getElementById(iddelabanniere).src = img[0];
              break;
         case urlPage[1]:
              document.getElementById(iddelabanniere).src = img[1];
              break;
     
    [...] 
     
    etc, ou alors une boucle for

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 4
    Par défaut
    non, il ne m'affiche plus la banniere le reste de la page reste...
    Ms dans le technique du switch sur le src comment il reconnaitrais que je lui demande ds le tableau l'adresse de l'url ? faut il spécifier quelque chose avt ?
    et comment sa se presenterai en innerHtml.
    Je vous remercie pour toutes ses précision

  4. #4
    Rédacteur
    Avatar de Halleck
    Homme Profil pro
    Consultant PHP
    Inscrit en
    Mars 2003
    Messages
    597
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Loiret (Centre)

    Informations professionnelles :
    Activité : Consultant PHP

    Informations forums :
    Inscription : Mars 2003
    Messages : 597
    Par défaut
    je ne comprend pas trop ce que tu veux dire .

    Oui oui bien sûr il faut spécifier quelque chose : récupérer l'url de la page courante, comme tu le fais dans ton script, définir à la place d'url1, url2... les url des tes 5 pages, à la place de img1, img2... les 5 images de tes 5 bannières.

    En innerHTML, bah ça dépendra de ton code, mais le fonctionnement est simple. Tu identifie ton élément conteneur, et tu lui attribue un nouveau contenu (document.getElementById('monelem').innerHTML = '<b>un exemple en gras</b>'); )

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 4
    Par défaut
    aaah je m'arrache les cheveux....
    voila mon script et ca marche pas. qd je le fait ca me met aucune banniere et mm pas l'emplacement de l'img.
    le pire c'est que pour moi c logique. il y a il une erreur ds mon code ?

    <script type="text/javascript">

    if (document.location.href='http://www.monsite.fr/pages/rubriques.aspx?action=rubrique&valeur=1'){
    document.getElementById('monelem').innerHTML ='<img src="/images/pub/3.jpg" width="140" height="410" border="0" />'
    };

    else {document.getElementById('monelem').innerHTML ='<img src="/images/pub/2.jpg" width="140" height="410" border="0" />'};



    </script>
    <div id="monelem"></div>

Discussions similaires

  1. banniere saute au changement de page
    Par loup_cervier99 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 19/06/2008, 10h32
  2. Réponses: 4
    Dernier message: 29/03/2007, 22h05
  3. Changement de banniere suivant la page ?!!!
    Par Yekhen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 14/05/2006, 11h14
  4. Changement de langue dynamique (D6 et outils de traduction)
    Par agon dans le forum Composants VCL
    Réponses: 4
    Dernier message: 17/09/2002, 16h15
  5. URGENT : Zoom et changement de repère
    Par poca10 dans le forum MFC
    Réponses: 5
    Dernier message: 28/05/2002, 13h32

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