Souçis avec fichier JS

**Auresky** · 18/06/2010, 14h31

Bonjour à tous, voilà quelques temps que je rame bien sur ce problème.

mes fonctions JS se bloquent entre elles, c'est à dire que si je passe tel script devant l'autre, alors c'est celui passez devant qui fonctionne et pas l'autre:

explication explicite

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
20
 
<head>
<!--box select intelligent, si telle case est sélectionnée alors tel valeur va apparaitre-->
 
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.4.2.min.js" >
</script>
<script type="text/javascript" src="afficheur_prix.js" >
</script>
 
<!--une lightbox pour afficher une image en grand sans changer de page-->
 
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript">
</script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript">
</script>
 
</head>

Dans le cas présent, le lightbox va focntionner mais pas la fonction d'affichage de prix.

Ainsi, si je descends la fonction du select SOUS la fonction du lightbox alors elle fonctionnera, mais pas celle du lightbox...

prise de tête pour moi qui débute encore dans le Java..

merci à tout caux qui tenteront de m'aider!!

Fonction affichage prix

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
 
$(document).ready(function() { // lorsque le document est chargé 
 
$("#selection").change(function() { //lorsque la valeur du select change 
$("#affichage").val($(this).val()); //le champs text prendra la même valeur que le select 
}); 
 
$("#selection2").change(function() { //lorsque la valeur du select change 
$("#affichage2").val($(this).val()); //le champs text prendra la même valeur que le select 
}); 
 
$("#selection3").change(function() { //lorsque la valeur du select change 
$("#affichage3").val($(this).val()); //le champs text prendra la même valeur que le select 
}); 
});

et code html du tableau

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<!--Tableau-->
<select name="selection" id="selection">
                          <option>--</option>
                          <option value="couleur">Jaune</option>
                          <option value="véhicule">Voiture</option>
                          <option value="légumes">laitue</option>
                        </select>
<!--affichage de la valeur-->
 <input style="width:50px;" readonly="readonly" name="affichage" id="affichage"/>

Pour les sources de la lightbox elles font des kilometres, je ne préfere pas les poster .;sauf s'il s'avère que c'est indispensable biensur^^

**erox44** · 18/06/2010, 16h47

hello,

Code :

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

<script type="text/javascript" src="afficheur_prix.js" >

je vois que tous tes autres js sont dans js/* , ce n'est pas le cas pour celui-ci aussi?

Apres, je doute que l'erreur vienne de là m'enfin :p

EDIT :
sinon les truc de la forme

Code :

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

$(document)

ca vient de quel lib deja? jquery ? prototype?

**RomainVALERI** · 18/06/2010, 17h11

Envoyé par Auresky

prise de tête pour moi qui débute encore dans le Java..

Tu veux dire Javascript j'imagine

Envoyé par erox44

EDIT :
sinon les truc de la forme

Code :

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

$(document)

ca vient de quel lib deja? jquery ? prototype?

C'est bien là la cause du problème ^^

jQuery + Prototype, je crois que ça fait un peu trop pour une seule page

(regarde dans les JS appelés dans le head : elles y sont toutes les deux, avec en plus scriptaculous pour les effets... wow

)

Auresky, je crois qu'il va falloir faire un choix ^^

**erox44** · 18/06/2010, 17h16

:b , jme disais bien que ca faisait beaucoup de choses en meme temps ^^

**Auresky** · 18/06/2010, 18h43

Envoyé par RomainVALERI

Tu veux dire Javascript j'imagine

Oui c'est bien cela autant pour moi^^

c'est donc le
$document qui foire car il ne sait plus où chercher...

C'est dommage je la trouvait trés sympa cette lightbox!

y'a peut-être moyen d'obtenir un résultat équivalent par CSS ou avec une autre fonction sans trop bombarder ma page?

en tout cas merci beaucoup, çà fait du bien d'enfin connaître le souçis!!

**Bovino** · 18/06/2010, 19h49

Envoyé par RomainVALERI

Auresky, je crois qu'il va falloir faire un choix ^^

Ou pas

jQuery est prévu pour : http://docs.jquery.com/Using_jQuery_...ther_Libraries

**RomainVALERI** · 18/06/2010, 23h14

Envoyé par Bovino

Ou pas

jQuery est prévu pour

Auresky va donc bien devoir faire le choix de garder les deux

(merci de l'info j'ignorais qu'ils avaient prévu le coup

)

**Auresky** · 21/06/2010, 22h16

Bonsoir à tous,

Un grand merci pour votre aide, j'ai enfin réussi a faire ce que je cherchais, je post le résultat desfois que s'a aiderais d'autres personnes!!

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
20
21
22
23
24
25
26
27
28
 
html>
<head>
<script language="javascript">
function getselect(choix,champ)
{
document.getElementById(champ).value=choix.options[choix.selectedIndex].value;
}
</script>
</head>
<body>
<form name="formulaire">
<select name="liste" onchange="getselect(this,'thistext');">
<option value="Couleur">Jaune</option>
<option value="Véhicule">voiture</option>
</select>
 
<input style="width:Xpx;" readonly="readonly" type="input" name="liste" id="thistext">
 
<select name="liste" onchange="getselect(this,'thistext2');">
<option value="Poecilia Reticulata">Guppy</option>
<option value="Lo vulpinus">Poisson tête de renard</option>
</select>
 
<input style="width:Xpx;" readonly="readonly" type="input" name="liste" id="thistext2">
</body>
</form>
</html>

Merci encore a vous tous!!

Souçis avec fichier JS

JavaScript

Discussions similaires

Partager

Partager