iframe input value veranderen

  • Onderwerp starter Onderwerp starter lano
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
L

lano

Gebruiker
Lid geworden
1 sep 2013
Berichten
20
Beste Forum lezers/helpers,

Ik wil graag met jquery de input value van id naam invullen. Het wil mij maar niet lukken vandaar dat ik hier onder de code plaats, wie heeft er een tip of een stukje voorbeeld code?

Code: 
<iframe id="myform"  src="http://www.mijnpagina.nl" name="myform" height="300">

<form method="post" action="verzenden.php" name="test">

<br>
<input type="text" id="naam" name="naam">
<br>
Titel:
<br>
<input type="text" id="song" name="song">
<br>
<br>
<input type="submit" value="verzenden">
</form><br>

</iframe>


Jquery
var plaats = 'hier de tekst';
 $('#myform').contents().find('#naam').val(plaats);
 
Verander .val eens naar .location :

[JS]framenaam.location = linkLocation;[/JS]
 
Bedankt voor je reactie mastermindzh,

Als je onderstaand bedoelt, dat werkt helaas niet.
var plaats = 'hier de tekst';
$('#myform').contents().find('#naam').location(plaats);


PS. hoe verwerk ik deze code in bovenstaande code? framenaam.location = linkLocation;
 
Laatst bewerkt:
Kijk eens naar dit werkende stukje code anders:


[JS]

<html>
<head>
// verander de src naar jouw jquery.js file
<script type="text/javascript" src="lib/jquery.js"></script>
<script>
//deze functie wordt uitgevoerd als uw document start.
$(document).ready(function(){

// Maak een array van websites.
var locations = ["http://mi-soft.nl", "http://google.nl"];

// maak een variabele die bijhoud hoeveel websites er zijn in de array
var len = locations.length;

// maak een variabele met het ID van de iframe.
var iframe = $('#framedatveranderd');

// Maak een variabele die de tel bij gaat houden (we gaan zo loopen)
var i = 0;

// zet een interval (tijd tussen uitvoeren van de functie), loop de array en update het frame.
setInterval(function () {
$(iframe).attr('src', locations[++i % len]);
}, 2500);
});
</script>
</head>
<body>
<iframe id="framedatveranderd"></iframe>
</body>
</html>



[/JS]
 
Heb het nu zo, maar werkt helaas ook niet.
var plaats = 'hier de tekst';
var location = ("http://www.mijnpagina.nl/");
var iframe = $('#myform');


$(iframe).contents().find(location,'#naam').val(plaats)
 
lano zei:
Heb het nu zo, maar werkt helaas ook niet.
var plaats = 'hier de tekst';
var location = ("http://www.mijnpagina.nl/");
var iframe = $('#myform');


$(iframe).contents().find(location,'#naam').val(plaats)
Klik om te vergroten...

Heb je uberhaupt geprobeerd het op mijn manier te doen?

HTML: 
$(iframe).attr('src', plaats]);
 
Bedankt voor je hulp mastermindzh, maar het wil maar niet lukken, heb nu onderstaande code, het is de bedoeling dat de var zanger geplaatst wordt in het input veld artiest
var zanger = 'martin garrix';
var location = ("http://www.mijnpagina.nl/form.php");
var iframe = $('#mijnform');


$(iframe).attr('src', location).find('#artiest').val(zanger);
 
Zal ik dan NOG een werkend voorbeeld plaatsen?

[JS]<html>
<head>
<!-- verander de src naar jouw jquery.js file -->
<script type="text/javascript" src="lib/jquery.js"></script>
<script>

function change(){
var zanger = "http://test.nl"
var iframe = $('#framedatveranderd');
$(iframe).attr('src', zanger);
}
</script>
</head>
<body>
<a href = "javascript:change();">Klik hier om het te veranderen naar test.nl</a><br />
<br />
<iframe id="framedatveranderd" src = "http://mi-soft.nl" style = "width:500px; height:500px;" ></iframe>
</body>
</html>[/JS]


vervang dit:
Code: 
$(iframe).contents().find(location,'#naam').val(plaats)

met:
Code: 
 $(iframe).attr('src', zanger);

Simpeler kan ik het ECHT niet meer brengen.
 
Mastermindzh, je interpreteert mij vraag verkeerd. Het is niet de bedoeling dat het iframe een andere link inlaad maar dat id artiest (dat is een input <input type=”text” id=”artiest” value=”” >) waarvan ik de value in wil veranderen door var zanger.
 
lano zei:
Mastermindzh, je interpreteert mij vraag verkeerd. Het is niet de bedoeling dat het iframe een andere link inlaad maar dat id artiest (dat is een input <input type=”text” id=”artiest” value=”” >) waarvan ik de value in wil veranderen door var zanger.
Klik om te vergroten...


Dan zou dit moeten werken:
$('input[type=text].artiest').val(zanger);
 
mastermindzh zei:
Dan zou dit moeten werken:
$('input[type=text].artiest').val(zanger);
Klik om te vergroten...

mastermindzh, je code werkt als het een intern link is, maar dit werkt niet met iframe en een externe link
Ik had ook zelf dit al, dat werkt ook intern.
$('#artiest').val(zanger);
 
lano zei:
mastermindzh, je code werkt als het een intern link is, maar dit werkt niet met iframe en een externe link
Ik had ook zelf dit al, dat werkt ook intern.
$('#artiest').val(zanger);
Klik om te vergroten...


over wat voor link heb je het nu weer dan?

Kan je niet even een duidelijk verhaal opstellen wat er moet gebeuren en wat er nu precies gebeurd?

PS: overigens doet de code precies wat je vroeg in je vorige vraag, de value van de var zanger in die tekstbox zetten. :P
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan