begin process at 2012 05 29 15:36:01
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

un petit probleme


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

un petit probleme

jeudi 30 novembre 2006 à 11:28:00 | un petit probleme

liocsh

Bonjour, je voudrais de l'aide pour ce petit script :
Attribuer une donnée a une variable ici "ww" pour faire afficher des images de nom 1.jpg, 2.jpg....
voila ou j'en suis, mais ça ne marche pas :
pouvez vous m'aider ?

<script type="text/javascript">


function photoss()
{
document.getElementById('vignette').src="photo/" + document.getElementById('ww').value +".jpg";

}

</script>
</head> 

<BODY>
<IMG src="Moi.gif" onClick="photoss()" name="ww" value ="1"  >&nbsp;&nbsp;
<IMG src="Moi2.gif" onClick="photoss()" NAME="ww" VALUE="2" ><BR><BR>
<CENTER><img src="photo/0.jpg"   name="vignette"   border=0   ><BR>


en cliquant sur les images moi1 et moi2, j' ai toujours l'image 1.jpg , alors que je voudrais qu'n cliquant sur moi2, cela soit 2.jpg qui apparaisse.

merci de vos reponses.
jeudi 30 novembre 2006 à 11:46:53 | Re : un petit probleme

bultez

Membre Club




Bonjour,
   1° les images avec onclick n'ont pas d'id mais un name
         ( le même qui plus est )
   2° même chose pour vignette
   3° il faudrait transmettre à la fonction quelle image mettre
   

 function photoss(quoi)
{
   document.getElementById('vignette').src=quoi.src;
}
 </script>
</head> 
 <BODY>
<IMG src="Moi.gif" onClick="photoss(this);" >&nbsp;&nbsp;
<IMG src="Moi2.gif" onClick="photoss(this);"><BR><BR>
<CENTER><img src="photo/0.jpg"   id="vignette"   border=0   ><BR>



ça ne devrait pas être loin d'être bon....

                              Cordialement                Bul          [mon Site]       [M'écrire]

jeudi 30 novembre 2006 à 19:24:30 | Re : un petit probleme

PetoleTeam

Membre Club

B onjour...

on doit peutr faire en direct...

 </HTML>
<HEAD>
</HEAD>
<BODY>
<IMG src="Moi.gif"  onClick=" document.images['vignette'].src=this.src ;">&nbsp;&nbsp;
<IMG src="Moi2.gif" onClick=" d ocument.images['vignette'].src=this.src ;" ><BR><BR>
<CENTER><img src="photo/0.jpg" name="vignette" border=0><BR>
</BODY>
</HTML>
;0)
vendredi 1 décembre 2006 à 10:27:38 | Re : un petit probleme

liocsh
Merci, de vos reponses,  ok en direct ca marche, mais j'ai absolument besoin de donner une valeur a "ww", car cette valeur servira ensuite à autres chose.
D'autres idées ?

En input ca marche : mais comment remplacer l'input par la photo" moi.gif "?
.......................
function photos()
{
document.vignette.src = "photo/" + parseInt(document.formulaire.ww.value) +".jpg";
 
 }

<form name="formulaire">
<input  type="text" name="ww"  >
<input type="button" onclick="photos();" value="ok">
</form>
vendredi 1 décembre 2006 à 12:21:33 | Re : un petit probleme

PetoleTeam

Membre Club

B onjour...
 Dans ce cas il vaut mieux revenir à la proposition de The Bultez à savoir les document.getElementById

function photos(){
  var Obj_Src  = document.getElementById('ww');
  var Obj_Dest = document.getElementById('vignette');
  var szImage  = Obj_Src.value
   Obj_Dest.src = "photo/" +szImage +".jpg";
}
 
avec dans le HTML
<form id="formualaire name="formulaire">
<input type="text" id="ww" name="ww">
<input type="button" onclick="photos();" value="ok">
</form>
<CENTER><img src="photo/0.jpg" id"vignette" name="vignette" border=0><BR>

Tu te garanti ainsi une compatibilité DOM pendant xxx!années

;0)


Cette discussion est classée dans : images, probleme, document, jpg, ww

Répondre à ce message

Sujets en rapport avec ce message

Problème programmation menu déroulant [ par schietnet ] Bonjour à tous. Voila, j'ai un petit problème dans la programmation d'un menu. J'aimerais avoir un menu dynamique, qui en cliquant dessus déroule les pb debutant [ par catamenia ] Bonjour je débute en javascriptJ'essais de faire un diaporama avec affichage de miniatures Au chargement de ma page, le diaporama se lance bien mais l défi en javascript [ par eucalion ] Bonjour à tous, Voici un défi de programmation, sans doute java script, pour qui voudra bien le tenter : Sur la page d'accueil de présent défi en javascript [ par eucalion ] Bonjour à tous, Voici un défi de programmation, sans doute java script, pour qui voudra bien le tenter : Sur la page d'accueil de présent Problème firefox [ par cubanai ] Mon code fonctionne très bien sous ie mais sous firefox ma fonction disptissu() ne s'active pas tout de suite. Pourquoi?Voilà mon code. Si vous pouvie un appel javascript dans une div [ par cosycorner ] Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p différences entre fonctions javascript : preloadimages et prechargimg [ par remlev ] Bonjour à tous et merci à Codes-SourceS qui aide bien les débutants comme moi.J'ai qqes petites questions:J'ai fait un site avec un menu qui contient Extension d'image sensible a la casse [ par ecarbill ] Salut à tous. Dans ma page je met des images et toutes avec l'extension '.JPG'. Tout marche bien sur ma machine mais quand j'envoie mon site sur le se Problème avec onmouse et images [ par dedeazer ] Bonsoir,Je souhaite afficher un bouton image (bouton.jpg) et qui lors du passage de la souris dessus change d'aspect (bouton_enfonce.jpg) et qu'une au Un appel javascript dans une div [ par cosycorner ] Bonjour à tous, Je voudrais insérer des images aléatoires dans une div aux dimensions précises.(en background ?)J'ai trouvé ce script qui fonctionne p


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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 : 1,279 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)