variabili ripetute

[BlackFenix06]

Sto creando un codice javascript... Cliccando su 3 diverse immagini attivo 3 funzioni... All'interno di queste 3 funzioni sono contenute degli if che usano le stesse variabili... Il codice così com'è è lungo, peche in ogni funzione si trovano due variabili uguali... Quindi le due variabili si ripetono tre volte... Ho provato a mettere le due variabili al di fuori delle funzioni, ma il codice non funziona... Come faccio?

[cavicchiandrea]

In attesa di nuova relase sfera di cristallo 3.0 (la 2.0 è scaduta e non funziona più) consiglio di postare del codice js da visionare

[BlackFenix06]

Scusa, c'hai ragione...

Il codice Javascript è questo:

<script type="text/javascript">
function mostranascondi() {
var A =document.getElementById('divmn');
var B =document.getElementById('divmn1');
if (A.style.display == 'none' && B.style.display == 'none') {
A.style.display = '';}
else {A.style.display = 'none';}}
function mostranascondi1() {
var A =document.getElementById('divmn');
var B =document.getElementById('divmn1');
if (B.style.display == 'none' && A.style.display == '') {
A.style.display = 'none'; B.style.display = '';}
else {B.style.display = 'none'; A.style.display = '';}}
function mostranascondi2() {
var A =document.getElementById('divmn');
var B =document.getElementById('divmn1');
if (B.style.display == '' && A.style.display == 'none') {
A.style.display = ''; B.style.display = 'none';}
else {B.style.display = ''; A.style.display = 'none';}}
</script>

Questa è l'immagine principale, se cliccata, fa apparire il primo div (divmn):

[img]Photography.png[/img]

Questo è il primo div (divmn). Appare se viene cliccata l'immagine principale e scompare allo stesso modo:

<div id="divmn" style="display: none;">
<div align="center">


[img]4.jpg[/img]


[img]2.jpg[/img]


[img]3.jpg[/img]
</div>


[img]arrow-right.png[/img]
</div>

Questo div è il secondo (divmn1). Appare se viene cliccata l'immagine "arrow-right.png" che si trova nel primo div e scompare se viene cliccata l'immagine "arrow-left.png" contenuto nel secondo div (divmn1). Ovviamente se appare il secondo div, prima scompare il primo div, allo stesso modo al contrario. Scompare il secondo div e appare il primo:

<div id="divmn1" style="display: none;">
<div align="center">


[img]1.jpg[/img]


[img]5.jpg[/img]


[img]6.jpg[/img]
</div>


[img]arrow-left.png[/img]
</div>

Così com'è il codice funziona perfettamente. In tutte e tre le funzioni (mostranascondi, mostranascondi1, mostranascondi2) vengono usate due variabili identiche (var A =document.getElementById('divmn') var B =document.getElementById('divmn1')) che servono a controllare lo stato dei due div. Visto che sono ripetute, ho pensato di semplificare mettendone solo due tipo così (ho tolto "var", perchè se ho letto bene, si rende la variabile globale):

<script type="text/javascript">
A =document.getElementById('divmn');
B =document.getElementById('divmn1');
function mostranascondi() {
if (A.style.display == 'none' && B.style.display == 'none') {
A.style.display = '';}
else {A.style.display = 'none';}}
function mostranascondi1() {
if (B.style.display == 'none' && A.style.display == '') {
A.style.display = 'none'; B.style.display = '';}
else {B.style.display = 'none'; A.style.display = '';}}
function mostranascondi2() {
if (B.style.display == '' && A.style.display == 'none') {
A.style.display = ''; B.style.display = 'none';}
else {B.style.display = ''; A.style.display = 'none';}}
</script>

Però così non funziona. Con un programma per i linguaggi html javascript e css (HTML-KIT) mi dice che gli if necessitano di oggetto, perchè non ne hanno. Questo significa che le variabili non vengono considerate (ovviamente l'ho testato sia su google crom sia su internet explorer, ma non funziona). Come faccio?

[br1]

Cosi' come e' scritto le variabili A e B vengono istanziate ben prima che gli oggetti ai quali si riferiscono siano stati inviati alla pagina... modifica:

var A;
var B;
window.onload = function() { 
  A = document.getElementById('divmn'); 
  B = document.getElementById('divmn1'); 
};

[BlackFenix06]

grazie, funziona perfettamente...
Se volessi aggiungere altre due variabili che si ripetono, tipo C e D, dovrei modificare così:

var A;
var B;
var C;
var D;
window.onload = function() {
A = document.getElementById('divmn');
B = document.getElementById('divmn1');
C = document.getElementById('divmn2');
D = document.getElementById('divmn3');};