Appel simultané de plusieurs fonctions

Question

J'essaye d'appeler deux fonctions différentes pour deux éléments HTML différents en même temps, mais la seconde fonction n'est pas lue du tout. J'essaie également d'utiliser l'identifiant pour spécifier les éléments correspondants à partir desquels saisir les données. Voici ce que j'ai:

function changeImage(id) 
{ 
    var s = document.getElementById('showcase'); 
    var simg = s.getElementsByTagName('img'); 
    var slen = simg.length; 

    for(i=0; i < slen; i++) 
    { 
    simg[i].style.display = 'none'; 
    } 
    $('#' + id).fadeIn('slow', 0); 

    function createComment(jim) 
{ 
    //alert('hello?'); 
    var d = document.getElementById('description'); 
    var dh = document.getElementsByTagName('p'); 
    var dlen = dh.length; 

    //alert(dh); 

    for(i=0; i < dlen; i++) 
    { 
    alert(dh); 
    dh[i].style.display = 'none'; 
    } 
    $('#' + jim).fadeIn('slow', 0); 

} 

Answer 1

Il semble vous manque le support de fermeture } à la fin de votre fonction ChangeImage.

Aussi, vous pouvez réduire votre script en utilisant essentiellement jQuery:

function changeImage(id) 
{ 
    $('#showcase img').hide(); 
    $('#' + id).fadeIn('slow'); 
} 
function createComment(jim) 
{ 
    $('#description p').hide(); 
    $('#' + jim).fadeIn('slow'); 
} 

Aussi, je ne sais pas pourquoi vous avez un zéro dans la fonction fadeIn()? Si vous voulez que l'img/p s'affiche instantanément, utilisez simplement .show()