Discussion :

[dad72]

Bonjour,

J'ai un soucie pour recuperer les donner de la fonction JS pour l'afficher dans le formulaire (name="textcouchecouleur").

En faite le principe est, je clic sur le "plus" ou "moins" (lien) et cela m'augmente l'opacité dans le style de l'images pour faire varier les couleurs d'une carrosserie de voiture.
Mais des que j'actualise tout revient a la valeur initial et je voudrais enregistrer les valeur dans une base de donner pour pouvoir recuperer les valeurs choisie au rechargement de la page.

Et je ne c est pas comment faire ? (pour transmettre dans la BDD çà je c est faire, c est pour afficher les valeur dans le formulaire).

Donc en gros comment recuperer la valeur == > (document.getElementById(id).style.opacity = (opac + (deltat/10)); )
et l'afficher dans le value "<input type="text" name="coucherougetext" value="0.0"/>"

PS : je débute en javascript.

Je vous remercie pour votre aide, ci vous avez un exemple concret cela m'aiderais beaucoup, ainsi qu'a comprendre.

Je vous montre une partie du code que j'ai fait jusque la (je n est pas mis toute la page cela serais répétitif)

Code javascript :

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
29
30
31
32
33
34
35
36
37
38
<script language="JavaScript" type="text/JavaScript">
function modifOpacityCarrosserie(id, deltat) { //deltat = +1 ou -1
	if (document.getElementById) {	
			var opac=parseFloat(document.getElementById(id).style.opacity);					
		if(opac + (deltat/10) > 0.9) {
			document.getElementById(id).style.opacity=1.0; 				
		}		
		else if(opac + (deltat/10) < 0.1) {
			document.getElementById(id).style.opacity=0.0; 			
		}		
		else {		
			document.getElementById(id).style.opacity = (opac + (deltat/10))  ; // incrementation, decrementation			
		}
	}
}
</script>
 
 
<div id="rouge" STYLE="z-index:6;">
	<img src="images/bmwM3couperouge.gif" id="coucherouge"  width="550" height="283" STYLE="filter:alpha(opacity=0); opacity:0.0;">
</div>
<div id="bleu" STYLE="z-index:6;">
	<img src="images/bmwM3coupebleu.gif" id="couchebleu"  width="550" height="283" STYLE="filter:alpha(opacity=0); opacity:0.0;">
</div>
 
 
 
Peindre avec du <font color="#ff6767">rouge claire</font> :
 <a href="javascript:modifOpacityCarrosserie('coucherouge', 1)"><b>Plus</b></a> | <a href="javascript:modifOpacityCarrosserie('coucherouge', -1)"><b>Moin</b></a><br/>
Peindre avec du <font color="#00b5ef">bleux claire</font> :
 <a href="javascript:modifOpacityCarrosserie('couchebleu', 1)"><b>Plus</b></a> | <a href="javascript:modifOpacityCarrosserie('couchebleu', -1)"><b>Moin</b></a><br/>
 
 
<form name="textcouchecouleur">
	<input type="text" name="coucherougetext" value="0.0"/>
	<input type="text" name="couchebleuxtext" value="0.0"/>
		<input type="submit" value="Valider">
</form>

Merci

[Bovino]

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
function modifOpacityCarrosserie(id, deltat) { //deltat = +1 ou -1
	if (document.getElementById) {	
			var opac=parseFloat(document.getElementById(id).style.opacity);					
		if(opac + (deltat/10) > 0.9) {
			document.getElementById(id).style.opacity=1.0; 				
		}		
		else if(opac + (deltat/10) < 0.1) {
			document.getElementById(id).style.opacity=0.0; 			
		}		
		else {		
			document.getElementById(id).style.opacity = (opac + (deltat/10))  ; // incrementation, decrementation			
		}			
		document.getElementsByName('coucherougetext')[0].value = document.getElementById(id).style.opacity;
	}
}

[dad72]

Merci beaucoup çà fonctionne parfaitement, j ai compris le principe.