 |
|
Zoeken • Gebruikerslijst • Gebruikersgroepen
• Registreer
• Profiel • Log in om je privé berichten te bekijken
• Ben je al lid? Log in!
|
|
|
Sponsors:
Relaties:
|
|
Nieuw onderwerpNieuw antwoord
frehen |
Geplaatst op 24-03-2011 |
 |
Senior lid
|
Hallo programmeurs, wat ik dus duidelijk niet ben...
Heb een wens; ik wil op 1 knop of link klikken en dat er dan twee of wel
drie zaken worden geopend in diverse i-frames. Zie het plaatje hieronder.
Ik heb met tabellen gewerkt en in die tabelvakken dus nu twee iframes
gestopt... eigenlijk wil ik nog een derde iframe zodat er ook een andere
foto opent in het grote vak rechts...
Ben allemaal aan het klooien geweest, geprobeerd window.open() in de
pagina die in de iframe I1 opent, maar dat werkt niet...
Iemadn een goede tip of is het niet mogelijk. Ik weet dat iframes
gebruiken niet wenselijk is... dus dat is niet nodig te zeggen...
Alvast dank
Laatst aangepast door frehen op 30-04-2012, in totaal 1 keer bewerkt
grtjs
frehen |
frehen |
Geplaatst op 24-03-2011 |
 |
Senior lid
|
OK, heb nu het volgende geprobeerd, maar dat werkt ook niet.
Inmiddels dus ook een derde iframe ingeschakeld...
De link "Ons bedrijf" aangepast als volgt:
Code: | <a href="onsbedrijf.htm"; javascript:change_frames('onsbedrkader.htm','onsbedrfoto.htm')> <font color="#F7F7F7">Ons bedrijf</font> |
In de head heb ik nl. het volgende gezet
Code: | <script type="text/javascript">
function change_frames(url1,url2){
window.open(url1,'I2');
window.open(url2,'I3')
}
</script> |
Bij Producten dus hetzelfde gedaan, maar er verandert alleen maar de
Iframe I1, die I2 en I3 niet. Wat doe ik verkeerd ??
grtjs
frehen |
vosManz |
Geplaatst op 26-03-2011 |
 |
Technische man
|
Ik denk dat je hiervoor niet window.open moet hebben, maar location.href.
Window.open opent een nieuw venster, terwijl location.href een nieuwe url laadt.
Je zou dus zo iets kunnen doen:
Code: |
function change_frames(url1,url2){
document.getElementById( 'I1' ).location.href = url1;
document.getElementById( 'I2' ).location.href = url2;
}
|
De frames moeten dan wel een ID hebben, dus zoiets:
Code: | <iframe id="I1"></iframe> |
::: vosManz ::: |
frehen |
Geplaatst op 31-03-2011 |
 |
Senior lid
|
Hoi VosManz,
Sorry voor het late antwoord, zat het weekend in de Ardennen en heb
gisteren mijn tweede staaroperatie gehad...
Helaas werkt dit ook niet. Ik zal even de code vermelden zoals ik die heb staan onder de link Ons bedrijf, misschien doe ik daar iets fout ?
Code: |
<a href="onsbedrijf.htm"; javascript:change_frames('onsbedrkader.htm','onsbedrfoto.htm')> <font color="#F7F7F7">Ons bedrijf</font></font></a>
<a href="producten.htm"; javascript:change_frames('prodkader.htm','prodfoto.htm')><font color="#F7F7F7">Producten</font></a>
Nieuws
Vacatures
Contact</td>
|
De beide iframes I2 en I3 heb ik i.p.v. name= een id= meegegeven.
Base target=I1, welke het grote vak links aanstuurt.
Verder gebruik ik nu dus het aangepaste script zoals jij had aangegeven.
Wat gaat hier nou mis. Alvast dank.
grtjs
frehen |
vosManz |
Geplaatst op 31-03-2011 |
 |
Technische man
|
Heb je de pagina's toevallig ergens online staan waar ik het eens kan zien? Of kun je de volledige bron hier eens plaatsen?
::: vosManz ::: |
frehen |
Geplaatst op 31-03-2011 |
 |
Senior lid
|
Zal beide doen, het is allemaal geen hoogdravende webdesign techniek
maar zou zo fijn zijn als ik dát werkend kreeg. Alvast dank !
Code: |
<html>
<head>
<meta http-equiv="Content-Language" content="nl">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>een site</title>
<script type="text/javascript">
function change_frames(url1,url2){
document.getElementById( 'I2' ).location.href = url1;
document.getElementById( 'I3' ).location.href = url2;
}
</script>
<base target="I1">
</head>
<body alink="#1C3F94" text="#1D1D1D" bgcolor="#F7F7F7" topmargin="00">
<center>
<table border="0" width="980" cellspacing="0" height="100%" cellpadding="0">
<tr>
<td align="left" height="30" width="264" bgcolor="#1D1D1D">
<p align="center">
<img border="0" src="images/vlag_nl.gif" width="30" height="19">
<img border="0" src="images/vlag_de.gif" width="30" height="19">
<img border="0" src="images/vlag_uk.gif" width="30" height="19"></td>
<td align="left" height="30" colspan="3" bgcolor="#1D1D1D" style="color: #FFFFFF; font-family: Verdana; font-size: 12pt; font-weight: bold">
<a href="onsbedrijf.htm"; javascript:change_frames('onsbedrkader.htm','onsbedrfoto.htm')> <font color="#F7F7F7">Ons bedrijf</font></font></a>
<a href="producten.htm"; javascript:change_frames('prodkader.htm','prodfoto.htm')><font color="#F7F7F7">Producten</font></a>
Nieuws
Vacatures
Contact</td>
</tr>
<tr>
<td align="left" height="20" colspan="4" background="images/2011-03-24_153228.jpg">
</td>
</tr>
<tr>
<td align="left" height="75" width="264" valign="top">
<img border="0" src="images/De_Bruyn_Metaal_logo+a.jpg" width="266" height="111"></td>
<td align="left" height="75" width="311" valign="top"> </td>
<td align="left" colspan="2" rowspan="2" width="400" height="0" valign="top">
<iframe id="I3" marginwidth="1" marginheight="1" height="100%" width="100%" scrolling="no" border="0" frameborder="0" src="onsbedrfoto.htm">
De browser ondersteunt geen in line frames of is momenteel zodanig geconfigureerd dat in line frames niet kunnen worden weergegeven.
</iframe></td>
</tr>
<tr>
<td align="left" colspan="2" rowspan="4" valign="top">
<iframe name="I1" marginwidth="1" marginheight="1" height="100%" width="100%" src="onsbedrijf.htm" align="left" border="0" frameborder="0">
De browser ondersteunt geen in line frames of is momenteel zodanig geconfigureerd dat in line frames niet kunnen worden weergegeven.
</iframe></td>
</tr>
<tr>
<td align="left" height="20" colspan="2" valign="top" width="400" background="images/2011-03-24_153228a.jpg">
</td>
</tr>
<tr>
<td align="left" height="48" colspan="2" valign="top" width="400">
<iframe id="I2" marginwidth="1" marginheight="1" height="85" width="100%" scrolling="no" border="0" frameborder="0" src="onsbedrkader.htm">
De browser ondersteunt geen in line frames of is momenteel zodanig geconfigureerd dat in line frames niet kunnen worden weergegeven.
</iframe></td>
</tr>
<tr>
<td align="left" height="210" width="200"> </td>
<td align="left" height="210" width="200"> </td>
</tr>
<tr>
<td align="left" height="25" colspan="4" bgcolor="#1D1D1D">
<p align="center"><b><font color="#F7F7F7">
<font style="font-size: 11pt">Disclaimer
| </font><font face="Times New Roman" style="font-size: 11pt">© De
Bruyn Metaal BV | © Webdesign Work-With-IT</font></font></b></td>
</tr>
</table>
</center>
</body>
</html>
|
Laatst aangepast door frehen op 30-04-2012, in totaal 1 keer bewerkt
grtjs
frehen |
vosManz |
Geplaatst op 31-03-2011 |
 |
Technische man
|
Ah, ik zie denk ik al wat er mis gaat. Je A-tag is verkeerd..
Je hebt nu:
Code: | <a href="producten.htm"; javascript:change_frames('prodkader.htm','prodfoto.htm')> |
Dat kan nooit werken. Het attribuut href moet je niet eindigen met een puntkomma, en de javascript code staat los in het element, waar het eigenlijk in een attribuut hoort te staan.
Maar er eens dit van:
Code: | <a href="producten.htm" onclick="change_frames( 'prodkader.htm', 'prodfoto.htm' );"> |
::: vosManz ::: |
frehen |
Geplaatst op 31-03-2011 |
 |
Senior lid
|
Jeetje ja, dat klinkt wel heel logisch ja.
Ik probeer dat morgen meteen even uit, dank je wel !!!
Ik laat het nog weten !
grtjs
frehen |
frehen |
Geplaatst op 01-04-2011 |
 |
Senior lid
|
Helaas VosManz, ook dat werkt niet...
Moet dat javascript nog wijzigen ? dat is nu:
Code: | <script type="text/javascript">
function change_frames(url1,url2){
document.getElementById( 'I2' ).location.href = url1;
document.getElementById( 'I3' ).location.href = url2;
}
</script>
|
Heb nu dus in de pagina codering:
Code: | <a href="onsbedrijf.htm" onclick="change_frames( 'onsbedrkader.htm','onsbedrfoto.htm' );"> <font color="#F7F7F7">Ons bedrijf</font></a>
<a href="producten.htm" onclick="change_frames( 'prodkader.htm', 'prodfoto.htm' );"><font color="#F7F7F7">Producten</font></a>
|
grtjs
frehen |
frehen |
Geplaatst op 02-04-2011 |
 |
Senior lid
|
OK, ben nog eens gaan googlen hierop en kwam het volgende tegen.
Ik kom nu weer iets verder, want de iframes veranderen, maar nu gaat
het nog fout met de urls, "kan pagina niet vinden" ....
Script in de head-tag:
Code: | <SCRIPT language="JavaScript">
<!--hide
function change2()
{
parent.I3.location="url1";
parent.I2.location="url2";
}
//-->
</SCRIPT>
|
De link-tag:
Code: | <a href="onsbedrijf.htm" onclick="javascript:change2( 'onsbedrkader.htm','onsbedrfoto.htm' );"> <font color="#F7F7F7">Ons bedrijf</font></font></a>
<a href="producten.htm" onclick="javascript:change2( 'prodkader.htm', 'prodfoto.htm' );"><font color="#F7F7F7">Producten</font></a>
|
Je zou denken dat dit moest werken, maar waar gaat het nu fout ?
Alvast dank voor het meedenken.
grtjs
frehen |
renevanh |
Geplaatst op 02-04-2011 |
 |
Beheerder
 |
Je geeft de urls wel mee aan je script, maar je haalt ze niet binnen in het scriptje zelf.
Code: | <SCRIPT language="JavaScript">
<!--hide
function change2(url1, url2)
{
parent.I3.location="url1";
parent.I2.location="url2";
}
//-->
</SCRIPT>
|
(of zoiets)
Keyboard not found, press F1 to continue... |
frehen |
Geplaatst op 02-04-2011 |
 |
Senior lid
|
Dat had ik inmiddels al aangepast rene, maar ook dan werkt ie nog niet.
Het is nog steeds zo dat bij klikken ze verspringen, maar niet de juiste
pagina laten zien... "kan pagina niet vinden", merkwaardig toch.
Het was voor dit script nodig, zo zeiden ze, dat de frames names (name=)
moesten hebben, dus geen id's. Klopt dat wel ?
grtjs
frehen |
renevanh |
Geplaatst op 03-04-2011 |
 |
Beheerder
 |
Id en name kan ook prima naast elkaar bestaan, ik geef ze meestal gewoon allebei (en dan identiek).
Gooi er eens een paar alerts in om te zien wat er je script binnen komt enzo. Ergens gaat iets nog niet helemaal zoals het hoort, kwestie van opsporen. In FireFox zit een hele handige, gedetailleerde foutconsole, ook een aanrader.
Keyboard not found, press F1 to continue... |
frehen |
Geplaatst op 03-04-2011 |
 |
Senior lid
|
Ik heb het werkend !! Base target=fr1
Script is nu:
Code: | <script type="text/javascript">
function change2(url1, url2) {
document.getElementById('fr2').src=url1;
document.getElementById('fr3').src=url2;
}
</script>
|
Link tags:
Code: | <a href="onsbedrijf.htm" onclick="change2('onsbedrkader.htm','onsbedrfoto.htm');">
<font color="#E9E9E9">Ons bedrijf</font></a><font color="#E9E9E9">
<a href="producten.htm" onclick="change2('prodkader.htm','prodfoto.htm');">
<font color="#E9E9E9">Producten</font></a> |
Werkt als een tierelier. Toch dank voor jullie meedenken !
grtjs
frehen |
|
|