Comment combiner ces deux fonctions JavaScript?

-1

var curtext = "View large image"; 
function changeSrc() { 
    if (curtext == "View large image") { 
     document.getElementById("boldStuff").innerHTML = "View small image"; 
     curtext="View small image"; 
    } else { 
     document.getElementById("boldStuff").innerHTML = "View large image"; 
     curtext = "View large image"; 
    } 
} 

var curimage = "cottage_small.jpg"; 
function changeSrc() { 
    if (curimage == "cottage_small.jpg") { 
     document.getElementById("myImage").src = "cottage_large.jpg"; 
     curimage = "cottage_large.jpg"; 
    } else { 
     document.getElementById("myImage").src = "cottage_small.jpg"; 
     curimage = "cottage_small.jpg"; 
    } 
} 
</script> 
</head> 

<body> 
<!-- Your page here --> 
<h1> Pink Knoll Properties</h1> 
<h2> Single Family Homes</h2> 

<p> Cottage:<strong>$149,000</strong><br/> 
    2 bed, 1 bath, 1,189 square feet, 1.11 acres <br/><br/> 
<a href="#" onclick="changeSrc()"><b id="boldStuff" />View large image</a></p> 
<p><img id="myImage" src="cottage_small.jpg" alt="Photo of a cottage" /></p> 
</body>

J'ai besoin d'aide, comment mettre en une seule fonction avec deux arguments? Cela signifie que lorsque vous cliquez, l'image et le texte seront tous les deux modifiés. Merci! BiancaComment combiner ces deux fonctions JavaScript?

Source

2010-03-15 user289346

Ahhh, mes excuses, j'ai fait de mon mieux pour éditer la question. Il est temps de quitter le travail. –

function combined(curtext, curimage){ 
    if(curtext == "View large image"){ 
     document.getElementById("boldStuff").innerHTML = "View small image"; 
     curtext="View small image"; 
     } 
     else{ 
     document.getElementById("boldStuff").innerHTML= "View small image"; 
      curtext="View large image";  
    } 
    if(curimage == "cottage_small.jpg"){ 
     document.getElementById("myImage").src="cottage_large.jpg"; 
     curimage="cottage_large.jpg"; 
     } 
     else{ 
     document.getElementById("myImage").src="cottage_large.jpg";  
     curimage="cottage_small.jpg"; 
    } 
}

Source

2010-03-15 21:28:56 Gabe

Faire une nouvelle fonction qui les appelle à la fois, et les renommer à quelque chose d'unique.

var changeCombined = function() { 
    changeTxt(); 
    changeSrc(); 
}; 

function changeTxt() { 
    var node = document.getElementById("boldStuff"); 

    if (node.innerHTML == "View large image") { 
     node.innerHTML = "View small image"; 
    } else { 
     node.innerHTML = "View large image"; 
    } 
} 

function changeSrc() { 
    var image = document.getElementById("myImage"); 

    if (image.src == "cottage_small.jpg") { 
     image.src = "cottage_large.jpg"; 
    } else { 
     image.src = "cottage_small.jpg"; 
    } 
}

Cela supprime également votre dépendance aux globales.

Source

2010-03-15 21:56:07

Comment combiner ces deux fonctions JavaScript?

Répondre

Questions connexes