HTML Click Works dans IE, pas FireFox, Chrome

Question

Cela doit être quelque chose de simple: J'ai mis en place une page de cadres avec deux sources possibles pour le cadre cible basé sur un formulaire avec deux options. J'ai utilisé l'événement OnClick pour intercepter le clic de l'utilisateur pour afficher la page appropriée. Cela fonctionne très bien dans Internet Explorer 7, en échangeant les deux pages source. FireFox 3 et Chrome affichent uniquement la source par défaut.

Têtière Script:

function SwapInlineFrameSource() 

{ 
var rsRadio, rsiFrame; 

rsRadio=document.getElementById('County'); 

rsiFrame=document.getElementById('RatesFrame') 

if (rsRadio.checked===true) { 

    rsiFrame.src="SantaCruzRates.htm"; 

    } 

else { 

    rsiFrame.src="DelNorteRates.htm"; 

    } 

} 

CORPS section Formulaire (commenté pour afficher ici):

<input type="radio" value="SC" checked name="County" onclick="SwapInlineFrameSource()"> 
    Santa Cruz 
<input type="radio" value="DN" name="County" onclick="SwapInlineFrameSource()" > 
    Del Norte 

Qu'est-ce que je manque? (Exemple en direct: http://www.raintrees.com/rates.html)

Merci!

mr

Answer 1

Vous utilisez getElementByID, mais vous ne spécifiez pas ID pour vos entrées. Peut-être considérer cela à la place:

function SwapInlineFrameSource(rdoButton) 
{ 
    rsiFrame = document.getElementById("RatesFrame"); 
    rsiFrame.src = rdoButton.value; 
} 

<input type="radio" value="SantaCruzRates.htm" checked="checked" name="County" onClick="SwapInlineFrameSource(this);">Santa Cruz</input> 
<input type="radio" value="DelNorteRates.htm" name="County" onClick="SwapInlineFrameSource(this);">Del Norte</input> 

Answer 2

Je ne crois pas que fonctionne getElementById sur des cadres dans Firefox. J'ai toujours utilisé les cadres ["frameID"], qui semble fonctionner de manière plus cohérente.

Answer 3

Votre code est erroné ....

var rsRadio, rsiFrame; 
rsRadio=document.getElementById('County'); 
rsiFrame=document.getElementById('RatesFrame') 
if (rsRadio.checked===true) { 

Je suppose que vous parlez getElementsByName et non ID becasue vous ne disposez pas d'un ID de comté sur les boutons radio.

En fait, vous devez déterminer quel bouton radio en est cochée pour que vous puissiez quelque chose comme (en supposant qu'il n'y a que des 2 options)

if(document.getElementsByName()[0].checked){ 
    // show Santa Cruz Rates 
}else{ 
    // show other rates 
}