Aide java script diver questions

**Argorate** · 03/08/2006, 17h30

bjs, tout d'abord voici le code sur le quel je travail:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function equipement(nom_obj,description_obj,image_obj)
	{
	window.document.getElementById("nom_equipement").innerHTML = 'Nom: '+nom_obj; 
	window.document.getElementById("description_equipement").innerHTML = 'Description: '+description_obj;
	document.image_obj.src='images/objets/o'+image_objt+'.gif';
	}

Mon pb n°1 est concernant l'image, quand j'apel la fonction, le nom et la description s'affiche bien, mais pas l'image, es-ce que sa vient du script?

Mon 2°e pb est que j'aimerai faire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
if((nom_obj=='')||(description_obj=='')||(image_obj=='') 
{
document.getElementById("nom_equipement").style.display = 'none';
document.getElementById("description_equipement").style.display = 'none';
document.getElementById("image_obj").style.display = 'none';
}

(Ca ne doit pas etre la bonne syntaxe, je ne m'y conait pas trop en JS.)
en therme français, j'aimerais que si il n'y a rien, que cela masque les div, sinon que sa les affiche avec le contenue.

**ozzmax** · 03/08/2006, 21h47

salut

pb no1 ->

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8

function equipement(nom_obj,description_obj,image_obj)
	{
	window.document.getElementById("nom_equipement").innerHTML = 'Nom: '+nom_obj; 
	window.document.getElementById("description_equipement").innerHTML = 'Description: '+description_obj;
	document.image_obj.src='images/objets/o'+image_objt+'.gif';
	}

ca venais probablement du fait que cette variable avec un t n'éxistait pas donc ton image foirait

pb no2

d'après ta condition....si seulement 1 des 3 éléments égale ' ' tu entres...
si tu veux que ce soit les 3 de vides pour entrer il te faut utiliser les && (et) au lieu des || (ou)

pour ce qui est de caché...tu utilise des div...j'irais comme suit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
...
document.getElementById("nom_equipement").style.visibility="hidden";
 
//raparaitre
document.getElementById("nom_equipement").style.visibility="visible";

**Argorate** · 03/08/2006, 22h23

Ce serait trop facil si ça marché, j'ai réparé la petite erreur avec le "t" en plus, et l'image ne s'affiche tjs pas.
le reste du code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<td class="tablejeu" onClick="equipement(\''.$nom_obj.'\',\''.$description_obj.'\',\''.$image_obj.'\')" 
//je sais pas si c'est important mais il y a un autre onclick directement a la suite:
onClick="terrain(\''.$nom_terrain[$case_type].'\',\''.$description_terrain[$case_type].'\')">

(Ca me fait penser a un autre probleme, j'ai deux onclick et quand je click sa n'en m'et qu'un... une astuce?)
[...]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<DIV id="nom_equipement"></DIV>
<DIV id="description_equipement"></DIV>
<DIV id="image_obj"></DIV>

Sinon pour ma condition merci pour l'astuce des &&, mais se que je voudrais savoir c'est ou je doit la placer, et si la syntaxe est bonne?

si je fais ça par exemple :

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
16
17
18
19
function equipement(nom_obj,description_obj,image_obj)
	{
if((nom_obj=='')&&(description_obj=='')&&(image_obj==''))
{
document.getElementById("nom_equipement").style.visibility="hidden";
document.getElementById("description_equipement").style.visibility="hidden";
document.getElementById("image_obj").style.visibility="hidden";
}
else
{	
document.getElementById("nom_equipement").style.visibility="visible";
document.getElementById("description_equipement").style.visibility="visible";
document.getElementById("image_obj").style.visibility="visible";
 
window.document.getElementById("nom_equipement").innerHTML = 'Nom: '+nom_obj; 
	window.document.getElementById("description_equipement").innerHTML = 'Description: '+description_obj;
	document.image_obj.src='images/objets/o'+image_objt+'.gif';
}
	}

es ce que ça vaut qq chose?

sinon c'est quoi la diferance entre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style.visibility="visible";

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style.display = 'block';

?

**backeyes** · 03/08/2006, 22h56

Bonsoir,

Deux Onclick dans la même balise, c'est pas vraiment que ça ne fonctionne pas, c'est pas comme qu'il faudrait faire mais plutôt appeler tes deux fonctions à la suite :

visibility:visible sert à rendre visible un élément caché (en hidden). Pour le display:block, l'utilité n'est pas la même c'est pour l'affichage en block de texte, voir ici.

Pour le problème de l'image qui ne s'affiche pas, change :

document.image_obj.src='images/objets/o'+image_objt+'.gif';

en :

document.getElementById("image_obj").src='images/objets/o'+image_obj+'.gif';

Bon courage

**Argorate** · 03/08/2006, 23h09

Merci pour le onclick en 1, mais je vais vous embeter jusqu'au bout, l'image ne s'affiche tjs pas, ya meme pas de crois rouge pour dire qu'il ne trouve pas l'image, non c'est qu'il ne l'affiche pas, je ne sais pas pourquoi :s

sinon avec le "block" et "none" sa marche aussi quant c'est avec des div du moins...

quand a ma condition ?

EDIT: c'est bon tout fonctione, en faite il vaut mieu garder "display = 'none';" et "display = 'block';" car sinon cela met des ligne vide qui serve a rien et qu'on ne peut pas suprimer!

Il me reste mon probleme de non affichage d'image...

**ozzmax** · 04/08/2006, 15h06

salut
la conditions semble bonne...elle fonctionne?

l'image: est ce que tu es certain que ton image est dans le répertoire
fait des test par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 
alert("images/objets/o'+image_objt+'.gif");

Est ce que ca vaut vraiment ce que tu recherche comme chemin d'accès...

deplus ton dossier image est dans le meme dossier que ta page?

**Argorate** · 04/08/2006, 18h44

Ma condition marche très bien oui.

J'ai fait ton test ça affiche "images/objets/o'+image_obj+'.gif" et rien d'autre.
J’ai vérifié c'est le bon répertoire...

Et je rappel que c'est "image_obj" sans "t".

EDIT: j'ai enfin réussi a retrouvé comment sa marché, je l'avais déjà fait avant, puisque personne ne semble contre la méthode, j'ai fait ça :
Dans le code JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.image_obj.src='images/objets/o'+image_obj+'.gif';

La où je veux afficher l'image:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img name="image_obj src="images/objets/o0000.gif""

Sachant que l'image par défaut et une image de 1*1pixel transparent, autrement dit y a rien, et quand je clique sa m'affiche l'image de mon objet

Merci a tous de votre écoute et disponibilité ! ++

EDIT2 : cependant je viens de voir un nouveau problème, si j'ai deux objets au même endroit, cela affiche seulement le nom, la description, et l'image du premier, comment dois-je procéder pour que ça le fasse en boucle?

**backeyes** · 04/08/2006, 19h35

Bonjour,

Pour le test si ça ne donne rien c'est juste qu'il a fait une petite étourderie en te le donnant. Voilà la bonne ligne à mettre :

alert('images/objets/o'+image_obj+'.gif');

De façon à voir si image_obj contient bien le nom de l'image...

**Argorate** · 04/08/2006, 19h52

oui oui, comme je l'ai dit sa marche pour l'image a present, merci de la corection sa me permettra de tester pour d'autres problemes.

**Argorate** · 05/08/2006, 03h32

Maintenant j'aimerais pouvoir afficher un formulaire a coté de l'image, j'ai donc esseyer une fonction que j'ai trouver sur le net:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
document.image_obj.src='images/objets/o'+image_obj+'.gif';
document.write("
<form method=\"POST\" action=\"action.php?action=2\" name=\"\">
<input type=\"submit\" value=\"Prendre\" id=\"Prendre\" name=\"Prendre\" class=\"e\">
</form>");

Malheuresement cela m'affiche mon bouton dans une page blanche...
comment faire pour tout simplement ecrire, a la suite de mon image, en JS?

EDIT : j'ai terminer, merci a tous!

Aide java script diver questions

JavaScript

Discussions similaires

Partager

Partager