Textinput in ander frame veranderen

Status
Niet open voor verdere reacties.

RH_Boy

Gebruiker
Lid geworden
26 jul 2004
Berichten
6
Hallo,

Ik wil graag via een functie een form input in een ander frame wijzigen, is dit mogelijk?

Ik heb hieronder een versimpelde versie staan van mijn probleem:

-----------------index.html-----------------
<HTML>
<HEAD>
<TITLE>Javascript test pagina</TITLE>
</HEAD>
<FRAMESET ROWS="30%,70%">
<FRAME name="boven" SRC="boven.html">
<FRAME name="onder" SRC="onder.html">
</FRAMESET>
</HTML>
---------------------------------------------------


-----------------boven.html------------------
<html>
<body>
<a href="javascript:window.frames['onder'].document.forms['MyForm'].test.value='Dit is een test';" target="abc">Dit is een test</a>
</body>
</html>
---------------------------------------------------

-----------------onder.html------------------
<html>
<body>
<form name="MyForm">
<input type="text" name="test">
</form>
</body>
</html>
---------------------------------------------------

Zie: http://www.xm-studio.net/test/


Kan iemand mij hiermee helpen?


Alvast bedankt,

Rick Hagenaars
 
Vanwaar target="abc"? Hierdoor wordt het javascript uitgevoerd in het window "abc". Dat bestaat niet, dus het wordt gemaakt en daar wordt vervolgens je javascript uitgevoerd. Probeer maar eens dit:

Code:
<a href="javascript:document.write('aap');" target="abc">Link</a>
Er opent dan een pagina waar 'aap' staat.
 
Laatst bewerkt:
Er zijn een aantal mogelijkheden om het probleem van TS te benaderen.
Dit is er één van:
Hierbij wordt de waarde die in het tekstvak getypt is gecopieerd naar het eerste tekstvak met de eerste link, of naar het tweede textvak met de tweede link.

index.html
HTML:
<HTML>
<HEAD>
<TITLE>Javascript test pagina</TITLE>
</HEAD>
<FRAMESET ROWS="30%,70%">
<FRAME name="boven" SRC="boven.html">
<FRAME name="onder" SRC="onder.html">
</FRAMESET>
</HTML>

boven.html
HTML:
<html>
  <body>
    <input type='text' id='txt1' value='typ een waarde'><br>
    <a href='#' onclick='javascript:parent.onder.aanpassen("id1",document.getElementById("txt1").value)'>Naar eerste tekstvak</a><br>
    <a href='#' onclick='javascript:parent.onder.aanpassen("id2",document.getElementById("txt1").value)'>Naar tweede tekstvak</a><br>
  </body>
</html>

onder.html
HTML:
<html>
  <head>
    <script type="text/javascript">
      function aanpassen(wat,waarde){
        document.getElementById(wat).value=waarde
      }
    </script>
  </head>
  <body>
    <input id="id1" type="text"><br>
    <input id="id2" type="text"><br>
  </body>
</html>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan