target in js zie info

Status
Niet open voor verdere reacties.
0

09roy1986

Gebruiker
Lid geworden
19 okt 2008
Berichten
6
target in js zie info (OPGELOST)

Beste Gebruikers​
Ik ben bezig met een site voor een club.
Waar je via java script een pagina opend door midel van getalen.
Alleen wat mijn vraag is kan ik een target toevoegen.
Zie code.
HTML: 
<html>
	<head>
		<title>
			code 6 cijfers
		</title>
			<script language="javascript">
				var i=0;var locatie="";
				function zoek(cijfer){i++;locatie=locatie+cijfer;
				if (i<6){document.cijferslot.sterretje.value+="*";}
				else{document.cijferslot.sterretje.value+="*";
				location.href=locatie+".htm"}}
			</script>
	</head>
<body>
	<form name="cijferslot">
		<table border=1 bordercolor="silver" bgcolor="#330099" >
			<tr>
			<td colspan=3 align="center" bordercolor="silver">
			<input type=text size=6 name="sterretje" style="background-color: silver; border-style: solid; border-color: #330099">
			<tr>
			<td align="center" bordercolor="silver">
			<input type=button value="7" onclick="zoek(7)" onFocus="this.blur()" >
			<td align="center" bordercolor="silver">
			<input type=button value="8" onclick="zoek(8)" onFocus="this.blur()">
			<td align="center" bordercolor="silver">
			<input type=button value="9" onclick="zoek(9)" onFocus="this.blur()" >
			<tr>
			<td align="center" bordercolor="silver">
			<input type=button value="4" onclick="zoek(4)" onFocus="this.blur()">
			<td align="center" bordercolor="silver">
			<input type=button value="5" onclick="zoek(5)" onFocus="this.blur()">
			<td align="center" bordercolor="silver">
			<input type=button value="6" onclick="zoek(6)" onFocus="this.blur()" >
			<tr>
			<td align="center" bordercolor="silver">
			<input type=button value="1" onclick="zoek(1)" onFocus="this.blur()" >
			<td align="center" bordercolor="silver">
			<input type=button value="2" onclick="zoek(2)" onFocus="this.blur()" >
			<td align="center" bordercolor="silver">
			<input type=button value="3" onclick="zoek(3)" onFocus="this.blur()" >
			<tr>
			<td align="center" bordercolor="silver">
			<td align="center" bordercolor="silver">
			<input type=button value="0" onclick="javascript:zoek(0)" >
			<tr>
			<input type=reset value="Wis invoer" onclick="srch('//')" onFocus="this.blur()" style="font-size: 8 pt; background-color: #CCFFCC; border-style: solid; border-color: #00FF00">
			</tr>
		</table>
	</form>
</body>
</html>
Hij opend een pagina die u zelf insteld VB 123456.htm.
Het punt is dat ik hem in main target wil openen.
Ik weet zelf niet hoe weet 1 van jullie het.
Als er veder nog fouten in ziten laat het me weten.

M.v.g Roy​
 
Laatst bewerkt:
Je geeft nu met location.href op waar je naartoe wilt. Hetzelfde is natuurlijk te bereiken voor target.location.href ;)
 
Lapixx zei:
Je geeft nu met location.href op waar je naartoe wilt. Hetzelfde is natuurlijk te bereiken voor target.location.href ;)
Klik om te vergroten...

|Kunt u dan even een voorbeeld maken.
Ik ben al een uur bezig om het voor elkaar tekrijgen.
Heb van alles gedaan maar tot heden geen resultaat.

M.v.g Roy
 
Ik weet niet pressies wat je target is, maar stel je hebt een iframe, dan kun je die een ID meegeven:
HTML: 
<iframe id="jetargetnaam"></iframe>
Vervolgens pas je de regel in je script "location.href=locatie+".htm"" aan naar:
Code: 
document.getElementById('jetargetnaam').location.href=locatie+".htm"
 
Lapixx zei:
Ik weet niet pressies wat je target is, maar stel je hebt een iframe, dan kun je die een ID meegeven:
HTML: 
<iframe id="jetargetnaam"></iframe>
Vervolgens pas je de regel in je script "location.href=locatie+".htm"" aan naar:
Code: 
document.getElementById('jetargetnaam').location.href=locatie+".htm"
Klik om te vergroten...


Beste ik heb dat geprobeerd maar dat werkt niet
hij opend hem niet
deze script komt in een menu te staan en hij moet de opgevraagde pagina openen in main
in het centrum van de site zeg maar
 
En heb je dat 'main' frame ook een naam gegeven? (name="eennaam")
Dan moet je die naam gewoon als target gebruiken:
eennaam.location.href=.....
 
Bij een iframe zou het zijn:
document.getElementById('jetargetid').src=locatie+".htm";

Voor normale frames werkt het net iets anders:
parent.document.getElementById("jetargetid").src=locatie+".htm";

Maar dan moet je wel je (i)frame een id meegeven natuurlijk. Overigens, als het gewoon om een link gaat kun je inderdaad beter het target attribuut van de <a> tag gebruiken.
 
Klopt, het frame staat in de parent van het andere frame. Mijn excuses :rolleyes:
 
Glest zei:
Bij een iframe zou het zijn:
document.getElementById('jetargetid').src=locatie+".htm";

Voor normale frames werkt het net iets anders:
parent.document.getElementById("jetargetid").src=locatie+".htm";

Maar dan moet je wel je (i)frame een id meegeven natuurlijk. Overigens, als het gewoon om een link gaat kun je inderdaad beter het target attribuut van de <a> tag gebruiken.
Klik om te vergroten...

bedankt voor je oplosing ik zal het script laten zien zo als die nu is

HTML: 
<html>
	<head>
		<title>
			code 6 cijfers
		</title>
			<script language="javascript">
				var i=0;var locatie="";
				function zoek(cijfer){i++;locatie=locatie+cijfer;
				if (i<6){document.cijferslot.sterretje.value+="*";}
				else{document.cijferslot.sterretje.value+="*";
				parent.document.getElementById("main").src=locatie+".htm";
}}
			</script>
	</head>
<body>
	<form name="cijferslot">
		<table border=1 bordercolor="silver" bgcolor="#330099" >
			<tr>
			<td colspan=3 align="center" bordercolor="silver">
			<input type=text size=6 name="sterretje" style="background-color: silver; border-style: solid; border-color: #330099">
			<tr>
			<td align="center" bordercolor="silver">
			<input type=button value="7" onclick="zoek(7)" onFocus="this.blur()" >
			<td align="center" bordercolor="silver">
			<input type=button value="8" onclick="zoek(8)" onFocus="this.blur()">
			<td align="center" bordercolor="silver">
			<input type=button value="9" onclick="zoek(9)" onFocus="this.blur()" >
			<tr>
			<td align="center" bordercolor="silver">
			<input type=button value="4" onclick="zoek(4)" onFocus="this.blur()">
			<td align="center" bordercolor="silver">
			<input type=button value="5" onclick="zoek(5)" onFocus="this.blur()">
			<td align="center" bordercolor="silver">
			<input type=button value="6" onclick="zoek(6)" onFocus="this.blur()" >
			<tr>
			<td align="center" bordercolor="silver">
			<input type=button value="1" onclick="zoek(1)" onFocus="this.blur()" >
			<td align="center" bordercolor="silver">
			<input type=button value="2" onclick="zoek(2)" onFocus="this.blur()" >
			<td align="center" bordercolor="silver">
			<input type=button value="3" onclick="zoek(3)" onFocus="this.blur()" >
			<tr>
			<td align="center" bordercolor="silver">
			<td align="center" bordercolor="silver">
			<input type=button value="0" onclick="javascript:zoek(0)" >
			<tr>
			<input type=reset value="Wis invoer" onclick="srch('//')" onFocus="this.blur()" style="font-size: 8 pt; background-color: #CCFFCC; border-style: solid; border-color: #00FF00">
			</tr>
		</table>
	</form>
</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan