Souçis avec fichier JS

Version imprimable

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:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <head>  <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>  <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:

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:

1 2 3 4 5 6 7 8 9 10  <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>  <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^^

18/06/2010, 16h47
erox44

hello,

Code:

<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:

$(document)

ca vient de quel lib deja? jquery ? prototype?
18/06/2010, 17h11
RomainVALERI

Citation:

Envoyé par Auresky

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

Tu veux dire Javascript j'imagine :mrgreen:

Citation:

Envoyé par erox44

EDIT :
sinon les truc de la forme

Code:

$(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 :aie:)

Auresky, je crois qu'il va falloir faire un choix ^^
18/06/2010, 17h16
erox44

:b , jme disais bien que ca faisait beaucoup de choses en meme temps ^^
18/06/2010, 18h43
Auresky

Citation:

Envoyé par RomainVALERI

Tu veux dire Javascript j'imagine :mrgreen:

Oui c'est bien cela autant pour moi^^

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

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!!:ccool::ccool::ccool:
18/06/2010, 19h49
Bovino

Citation:

Envoyé par RomainVALERI

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

Ou pas :mrgreen:

jQuery est prévu pour : http://docs.jquery.com/Using_jQuery_...ther_Libraries
;)
18/06/2010, 23h14
RomainVALERI

Citation:

Envoyé par Bovino

Ou pas :mrgreen:

jQuery est prévu pour

Auresky va donc bien devoir faire le choix de garder les deux 8-) 8O

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

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:

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!!