begin process at 2012 05 29 04:44:20
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

Débutant - Affichage d'une image différente selon 2 onclick


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Débutant - Affichage d'une image différente selon 2 onclick

mercredi 14 novembre 2007 à 11:43:41 | Débutant - Affichage d'une image différente selon 2 onclick

zazadec

Bjr,

Je me mets à JS depuis 24 heures, et j'ai un peu de mal. Un petit peu d'aide, me ferait extremement plaisir :

Une page PHP avec 2 images. Je veux qu'une 3ème image change si on click sur une de 2 images. C'est à priori simple, mais seulement à priori...

<script language="javascript">
function changement_C2_to_C1(){
    $Image="C1.gif";
}
function changement_C1_to_C2(){
    $Image="C2.gif";
}
</script>


<img src="A.gif" onclick="javascript:changement_C1_to_C2()">
<img src=???????>
<img src="B.gif" onclick="javascript:changement_C2_to_C1()">

Je ne sais pas ce que je dois mettre au niveau des ???????? pour afficher la valeur de $Image.

QQn a une idée

zazadec
mercredi 14 novembre 2007 à 11:55:01 | Re : Débutant - Affichage d'une image différente selon 2 onclick

bultez

Membre Club
Réponse acceptée !


Bonjour,

<img  src="A.gif"
      onclick="document.getElementById('toto').src=this.src;" />
<img  src='une image bidon/initiale ou rien' id='toto' />
<img  src="B.gif"

      onclick="document.getElementById('toto').src=this.src;" />

    si j'ai compris ce que tu voulais faire ...


                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 14 novembre 2007 à 11:58:39 | Re : Débutant - Affichage d'une image différente selon 2 onclick

bultez

Membre Club
        j'ai mis =this.src, peut-être est-ce 'C1 ou C2.gif'

                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 14 novembre 2007 à 12:32:44 | Re : Débutant - Affichage d'une image différente selon 2 onclick

zazadec

Oui c'est ca C1.gif ou C2.gif. Mais comment fais la corélation entre les C1.gif et this.scr

De plus il faudrait que je définisse en fonction du clic une variable que je vais interpréter en php. Et là aussi je me demande comment je vais faire.

zazadec
mercredi 14 novembre 2007 à 13:15:20 | Re : Débutant - Affichage d'une image différente selon 2 onclick

bultez

Membre Club


>>Mais comment fais la corélation entre les C1.gif et this.scr
    pas compris la question....
    .src sur une image c'est l'url de l'image qui sera affichée
    document.getElementById("toto") c'est l' <img> qui a l'ID toto
    this, c'est l'élément sur lequel on clique ( puisque onclick )
    c1.gif c'est l'url d'une image C1.gif

>>De plus il faudrait que je définisse en fonction du clic une variable
>>que je vais interpréter en php.
    encore moins compris...
    attention cependant aux passages de paramètres entre php et javascript.....
          qui ne sont pas possibles ! ( pour simplifier )

    le javascript fait partie de la page html qui est généré par le php
    pour appeler le php depuis le html/javascript,
       il faut un formulaire, modifier l'url, faire de l'ajax....

    coté serveur si on met : du html....<?php echo $var; ,>... du html
       et si $var =toto
       on va voir coté client :
du html....toto... du html
                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 14 novembre 2007 à 13:33:23 | Re : Débutant - Affichage d'une image différente selon 2 onclick

zazadec

J'ai modifié le bad finguer et nom ca marche.
Comme je te disais, à l'événement onclick je veux également définir une variable. Cette variable je vais l'utiliser pour des requetes sql donc il me faut du php. Une idée ?

zazadec
mercredi 14 novembre 2007 à 16:32:07 | Re : Débutant - Affichage d'une image différente selon 2 onclick

zazadec

Réponse acceptée !
Méthode pour ne pas passer par une variable dans l'url

J'ai créé un <input name="NAME1" type=text value="" style="visibility:hidden;"> invisible qui est rempli par ma deuxième fonction js
document.forms["FORM1"].elements["NAME1"].value='X';

Lors du submit de la FORM1, je récupère la valeur de NAME1 dans la variable $_POST['NAME1'].

Le tour est joué :
  • mon image est modifiée
  • une variable est définie.

zazadec


Cette discussion est classée dans : image, débutant, affichage, c1, c2


Répondre à ce message

Sujets en rapport avec ce message

Problème d'affichage en HTML [ par mouniersophie ] Bonjour a tous,je débute dans cette programmation et j'essaye d'afficher un texte suivie d'une image à un certain endroit de ma page comme suit :CP</D Affichage d'une image en arrière plan malgré des frames [ par LeSquale35 ] Voilà pour mon stage je dois réaliser une application locale en PHP. Pour cela j'ai dû utilisé plusieurs frames. Et une question s'est posée pour le d Affichage d'une image dans une fenêtre [ par mpmoreau ] Bonjourje suis nul en JS et j'en ai besoin...Mon pb est le suivant. J'utilise le script suivant pour afficher des images à partir de vignettes: functi question de débutant [ par pericyte ] Bonjour, Je souhaite afficher une image dans une page web et quand on clique sur une partie de celle-ci, une autre image la remplace, et si on clique Affichage du Statut d'un Serveur (Allumé/Eteint) ... [ par xp007 ] Bonjour,   je suis toujours à la recherche d'un script tout simple par son principe mais que je n'arrive pas à mettre en application car je ne maîtris Zoom sur image au passage dur curseur et affichage dans une même fenêtre [ par amewole ] Voici mon problème :Je dois mettre en place un système d'affichage d'un ensemble de photos (vignettes) rangé dans un tableau html et qui s'affiche une petit calcul automatique [ par nougitch ] Bonjour,Je souhaite mettre en place un calcul automatique avec deux champs texte "c1" et "c2" puis un troisième "total", équivalent à "c1" + "c2".J'ai Affichage d'une image dans un autre cadre en xhtml - css - javascript [ par Hackers50 ] Bonjour à tous,Ca fait maintenant quelque jour que je cherche une solution à mon problème et j'espère que ce forum où de moins vous pourrez m'aider.Vo Affichage Image [ par figo566 ] Bonjour,je voudrais savoir quel est le code php afin d'afficher une image en plein écran à partir de la même image qui est miniaturisé.Voici un exempl Affichage image [ par tales ] Bonjour, petite question  je viens de finir un site d'élevage d'araignées.Les membres peuvent acheter 10 tarentules et 10 mygales ( pour l'exemple).Da


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,796 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales