passer une variable js d'un div � un autre

Version imprimable

J'ai tent� de faire ce qui est marqu� ds le titre ainsi :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script language="javascript"> function Action1(sel_id) { item=sel_id.value; } document.write('<table><tr><td><div>'); document.write('<select id="selectId" onchange="Action1(this)">'); document.write('<option value="champ1">Champ1</option>'); document.write('<option value="champ2">Champ2</option>'); document.write('</select></div></td><td>'); document.write('<div>'); document.write(item); document.write('<div></td></tr></table>'); </script>
mais �a ne marche pas : cela pourrait-il marcher ? (j'ai volontairement mis tout le html dans des document.write pour faire plaisir � Nadox (je ne sais pas pourquoi, il adore les document.write ;)) et pour ne pas interrompre le script js pour avoir plus de chance que la variable js soit connue dans le 2e div)

Bonsoir, il faudrait s�rement que tu reprennes le B.A.BA du javascript, pas pour le document.write, mais pour l'affectation des valeurs dans une DIV

Code:

1
2
3
4
5
6
7
8
9
10
11
function Action1( sel_id){
  document.getElementById('div_result').innerHTML = sel_id.value;
}
document.write('<table><tr><td><div>');
document.write('<select id="selectId" onchange="Action1(this)">');
document.write('<option value="champ1">Champ1</option>');
document.write('<option value="champ2">Champ2</option>');
document.write('</select></div></td><td>');
document.write('<div id="div_result">');
// document.write(item);
document.write('</div></td></tr></table>');

04/04/2011, 22h18
Eric2a

Tu d�clares une fonction qui ne fait rien d'autre qu'affecter la valeur d'un champs � une variable locale � la fonction.

Le code Javascript cr�e une table, un formulaire et... g�n�re probablement une erreur car la variable globale item utilis� pour la m�thode document.write(); n'existe pas.

No smoking, ton code marche, mais ceci n'est qu'un test pr�liminaire avant d'aller plus loin, et c'est la variable que je voudrais transmettre (et non pas juste en afficher la valeur), pour pouvoir lui appliquer un traitement. J'ai donc tenu compte de la remarque de Eric2A et fait :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script language="javascript"> var item; function Action1(sel_id) { item=sel_id.value; } document.write('<table><tr><td><div>'); document.write('<select id="selectId" onchange="Action1(this)">'); document.write('<option value="champ1">Champ1</option>'); document.write('<option value="champ2">Champ2</option>'); document.write('</select></div></td><td>'); document.write('<div>'); document.write(item); document.write('<div></td></tr></table>'); </script>
mais le document.write(item); g�n�re un undefined...donc, comment faire marcher �a ?

04/04/2011, 22h44
nadox

Merci d'avoir pens� � moi laurentSc...
Mais si je parle souvent des document.write, c'est que justement, ton code cherche � positionner la valeur de la variable(elle est bien globale puisque pas de 'var') sur l'�v�nement onchange d'un select et que le document.write est depuis longtemps �crit � ce moment(et le variable n'avais pas la valeur attendu � ce moment)... donc non �a ne peux pas fonctionner comme �a !

Le code de NoSmoking fait ce que tu cherche � faire.

Quel traitement tu veux lui faire � cette variable ? Dans la div tu ne pourra rien faire d'autre que l'afficher. Dans la fonction, tu pourra faire un traitement dessus.

On reprends : les document.write sont �crit au chargement de la page.
A ce moment la variable est vide, 'undefined'.
La fonction sur le onchange est donc ex�cut� apr�s(la page est charg� pour qu'on puisse toucher au select). Et l�, la variable ne sert plus � rien pour le document.write qui est d�j� �crit.

j'ai un peu de mal � comprendre la d�marche.

Le javascript est interpr�t� comme il se pr�sente, de haut en bas et de gauche � droite, c'est s�quentiel.

Si la valeur est initialis�e alors elle pourra �tre exploit�e dans la suite du code, dans le cas contraire elle vaudra undefined.

Si au chargement de la page tu veux affecter � la DIv la valeur du SELECT il te faut dans ce cas le faire une fois le document load�.

exemple
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 window.onload = function(){ var oSelect = document.getElementById('selectId'); var oDiv = document.getElementById('div_result'); oDiv.innerHTML = oSelect.value; } function Action1( sel_id){ document.getElementById('div_result').innerHTML = sel_id.value; } document.write('<table><tr><td><div>'); document.write('<select id="selectId" onchange="Action1(this)">'); document.write('<option value="champ1">Champ1</option>'); document.write('<option value="champ2">Champ2</option>'); document.write('</select></div></td><td>'); document.write('<div id="div_result">'); document.write('</div></td></tr></table>');
ou encore en utilisant la fonction Action1
Code:

1 2 3 4 window.onload = function(){ var oSelect = document.getElementById('selectId'); Action1( oSelect); }

04/04/2011, 23h34
laurentSc

Citation:

Quel traitement tu veux lui faire � cette variable ?

Le but est de faire moi-m�me le code que tu avais brillamment fait Nadox. Si je souhaite le faire moi-m�me (donc, d'une fa�on moins chiad�e), c'est pour �tre capable de le maintenir. Donc l'id�e reste la m�me : l'utilisateur fait un choix avec un select (un choix de fichier video), et celui-ci est ensuite affich� (par appel du player). Je sais d�j� appeler le player, mais je voudrais moi-m�me (avec mon code) passer le choix de l'utilisateur au player.
Mais une solution ne serait-elle pas, dans l'appel de la fonction sur le onChange du select, d'appeler le player en fonction du choix de l'utilisateur ?
04/04/2011, 23h43
NoSmoking
Citation:

Envoy� par laurentSc

Mais une solution ne serait-elle pas, dans l'appel de la fonction sur le onChange du select, d'appeler le player en fonction du choix de l'utilisateur ?

cela me parait le plus �vident d'une part et le plus simple d'autre part
Code:

1 2 3 4 function Action1( sel_id){ var ref = sel_id.value; // recup. valeur fctAppel( ref); // appel de la super fonction }
04/04/2011, 23h55
nadox

Je confirme, c'est ce qu'il y a de mieux � faire.
C'est d'ailleurs ce que mon code fait. La seule v�ritable distinction avec ce que tu est en train de faire, c'est que j'avais construit le html en DOM � la place des 'document.write' (et c'est d'ailleurs bien la seule chose qu'on peut faire avec des document.write : �crire).

Par contre, tu n'aurais toujours pas l'envie de lire quelques tutos ou FAQ, afin de conna�tre le langage que tu (cherches �) utilise(r) ?:cry:
Parce que c'est gentil de penser � nous demander quand tu rencontre un probl�me, mais si tu ne cherche pas � lire un peu plus de documentation, il va pas aller bien vite ton apprentissage...
05/04/2011, 00h25
laurentSc

Citation:

Par contre, tu n'aurais toujours pas l'envie de lire quelques tutos ou FAQ

Avoir envie, c'est une chose, mais avoir le temps en est une autre. Et il n'y a pas qu'en js que je souhaite m'am�liorer, il y aussi le PHP et le flash (et notamment, � No�l, je me suis fait offrir un bouquin sur le framework Zend (un �quivalent PHP de jQuery), et je ne l'ai pas encore commenc�...)(et il faut savoir qu'il y a 5 ans, je ne savais m�me pas que le HTML existait...)
05/04/2011, 01h21
nadox

�a prendrais un peu de temps pour d�marrer sur des bases compl�tes, mais au lieu d'en passer � essayer du code dont tu ne comprends pas le sens, �a t'en ferais probablement gagner... Tu pense pas ?
Tu pourrais ensuite plus facilement utiliser un code existant et le maintenir.
05/04/2011, 01h57
Eric2a

C'est clair...

Faut se dire que prendre le temps d'�tudier c'est un peu la deuxi�me r�gle de succ�s de SpaceFrog (voir sa signature)

;)

Non je d�conne, la deuxi�me r�gle c'est... ne pas utiliser document.write() :mouarf:
05/04/2011, 09h16
laurentSc

Citation:

Non je d�conne, la deuxi�me r�gle c'est... ne pas utiliser document.write

Si Nadox en avait, il y aurait celle-l� aussi...:mouarf:
Cela dit, j'ai acquis assez facilement les bases du js et du PHP pour avoir fait une dizaine d'ann�es du langage C (professionnellement)(et webmaster, c'est professionnel aussi (depuis 2006, et � l'occasion apprentissage du html) et aussi b�n�vole (une passion))
06/04/2011, 21h04
laurentSc

La suite de ce fil est l�, et c'est pas loin de marcher car �a marche d�j� avec un code pourri (plein de document.write).