[JS] Ingevoerde url in iframe openen - Softwareontwikkeling

woensdag 10 maart 2004 17:09

Acties:

Topicstarter

Mijn pagina bevat een invoerveld waar je een URL in kunt voeren.
Wanneer je dan op Go! klikt, moet deze URL in het iframe geladen worden.
Ik heb het volgende, maar het werkt nog niet.

code:

<html>
<head>
<title></title>
</head>
<body>
<form>
Enter URL <input type="text" id="urlname">
<input type="button" value="Go!" onClick="document.getElementById('hiddenFrame').style.display='block';document.getElementById('hiddenFrame').location.href=document.getElementById('urlname').value;">
</form><br>
<iframe src="" width="100%" height="90%" name="hiddenFrame" id="hiddenFrame" style="display:none"></iframe>
</body>
</html>

Before me there was many, after me there will be none. I'm the one!

woensdag 10 maart 2004 17:10

Acties:

disjfa

be

Nee het werkt idd niet. Waarom zou het niet werken dan? Heb je er zelf al een keer aan gedacht of niet? Heb je al wat gezocht? Wat heb jij al geprobeert?

disjfa - disj·fa (meneer)
disjfa.nl

woensdag 10 maart 2004 17:12

Acties:

Bluestorm

Als iframe een src property heeft om de URL van het iframe in te stellen. Zou het dan niet logisch zijn om die dan ook te wijzigen als je de URL van het iframe wilt veranderen?

Tenminste... dat [ denk / zie / weet ] ik... | Javascript obfuscator | foto's en video's uploaden

woensdag 10 maart 2004 17:16

Acties:

mrbombastic

Topicstarter

Bluestorm schreef op 10 maart 2004 @ 17:12:
Als iframe een src property heeft om de URL van het iframe in te stellen. Zou het dan niet logisch zijn om die dan ook te wijzigen als je de URL van het iframe wilt veranderen?

Ja, daar zat ik ook al aan te denken.
Moet ik dit dan met document.write('<iframe enz. enz.>') doen?

Before me there was many, after me there will be none. I'm the one!

woensdag 10 maart 2004 21:49

Acties:

jw

ik heb het thuis ook ff geprobeerd. je moet het als volgt doen:

code:

....
document.getElementById('hiddenFrame').style.display='block';
document.getElementById('hiddenFrame').src = document.getElementById('urlname').value;
....

dat werkt bij mij iig

donderdag 11 maart 2004 00:04

Acties:

mrbombastic

Topicstarter

Ben inmiddels al een stuk verder gekomen en heb nu dit:

code:

<html>
<head>
<title></title>
</head>
<body>
<form>
<table border="1" width="50%">
  <tr>
    <td width="19%"><font size="2"> URL&nbsp;</font></td>
    <td width="31%"><font size="2">Start at number&nbsp;</font></td>
    <td width="25%"><font size="2">Extension (e.g. html)&nbsp;</font></td>
    <td width="25%"><font size="2">Pause time in sec.</font></td>
  </tr>
  <tr>
    <td width="19%"><input type="text" name="urlname" size="10"></td>
    <td width="31%"><input type="text" name="start" size="5">
    </td>
    <td width="25%"><input type="text" name="extension" size="5">
    </td>
    <td width="25%"><input type="text" name="pausetime" size="5">
    </td>
  </tr>
</table>

<script>
function opentoframe(){
var myelement = document.getElementById
setTimeout(hiddenFrame.location.href=myelement('urlname').value + myelement('start').value + '.' + myelement('extension').value,1000*parseInt(myelement('pausetime').value))
myelement('frameDiv').style.display='inline'
}
</script>

<input type="button" value="Go!" onClick="opentoframe()">
</form><br>
<div id="frameDiv" style="display:none;">
    <iframe src="" width="100%" height="90%" name="hiddenFrame"></iframe>
</div>
</body>
</html>

Alles werkt naar behoren.

Het probleem is alleen dat de setTimeout functie niet goed werkt, d.w.z. er wordt helemaal niet gewacht bij het inladen van de pagina in het iframe.
Als ik de setTimeout in de onclick event zet, dan wacht hij wel.
Hoe komt dit?

Before me there was many, after me there will be none. I'm the one!

donderdag 11 maart 2004 01:39

Acties:

Hican

hican.net

Dat komt volgens mij omdat hij eerst de functie uitvoert. Hij zet dus eerst die pagina in de iFrame en dan voert hij pas de SetTimeOut uit. Als je dat in de onClick zet doet hij meteen die SetTimeOut, waarna hij de rest in de iFrame gooit.

Hican.net | IT Blog about all that is interesting.