Computergenie.nl    

Computergenie.nl
  Registreer!
  Registreer
Homepage
Home
Top 10
Top 10
Forum
Forum
Prijsindex
Prijsindex
Nieuws
Nieuws
Downloads
Downloads
Hulp & Uitleg
Hulp & Uitleg
Uitgebreid zoeken
 
  Zoeken •  Gebruikerslijst  •  Gebruikersgroepen   •  Registreer  •  Profiel  •  Log in om je privé berichten te bekijken  •  Ben je al lid?  Log in! 
Ben je al lid?  Log in!
Kies uw onderwerp:
Computer-Café
Knowledge Base
Hardware
Software
Internet & netwerken
Games
Scripten & programmeren
Digitale fotografie & video
Multimedia
GSM & mobile
Sitecheck & links
Officiële mededelingen
Feedback
ISL Light
Aanbiedingen
Markt-plaats
Hulp & Uitleg

Sponsors:

Cloud VPS

Relaties:

PC Beveiliger
Forum » Scripten & programmeren » Meerdere hyperlinks aan 1 knop ?? Of anders...
[PERL]  Meerdere hyperlinks aan 1 knop ?? Of anders...

Nieuw onderwerpNieuw antwoord
frehen Bericht Geplaatst op 24-03-2011 Reageer met quote
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 Bericht Geplaatst op 24-03-2011 Reageer met quote
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 Bericht Geplaatst op 26-03-2011 Reageer met quote
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 Bericht Geplaatst op 31-03-2011 Reageer met quote
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>&nbsp;&nbsp;&nbsp;&nbsp;

<a href="producten.htm"; javascript:change_frames('prodkader.htm','prodfoto.htm')><font color="#F7F7F7">Producten</font></a>&nbsp;&nbsp;&nbsp;&nbsp;

Nieuws&nbsp;&nbsp;&nbsp;&nbsp;
Vacatures&nbsp;&nbsp;&nbsp;&nbsp;
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 Bericht Geplaatst op 31-03-2011 Reageer met quote
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 Bericht Geplaatst op 31-03-2011 Reageer met quote
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">&nbsp;&nbsp;&nbsp;&nbsp;
      <img border="0" src="images/vlag_de.gif" width="30" height="19">&nbsp;&nbsp;&nbsp;&nbsp;
      <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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="onsbedrijf.htm"; javascript:change_frames('onsbedrkader.htm','onsbedrfoto.htm')> <font color="#F7F7F7">Ons bedrijf</font></font></a>&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="producten.htm"; javascript:change_frames('prodkader.htm','prodfoto.htm')><font color="#F7F7F7">Producten</font></a>&nbsp;&nbsp;&nbsp;&nbsp;
      Nieuws&nbsp;&nbsp;&nbsp;&nbsp;
      Vacatures&nbsp;&nbsp;&nbsp;&nbsp;
      Contact</td>
   </tr>
   <tr>
      <td align="left" height="20" colspan="4" background="images/2011-03-24_153228.jpg">
      &nbsp;</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">&nbsp;</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">
      &nbsp;</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">&nbsp;</td>
      <td align="left" height="210" width="200">&nbsp;</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
      |&nbsp; </font><font face="Times New Roman" style="font-size: 11pt">© De
      Bruyn Metaal BV&nbsp; |&nbsp; © 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 Bericht Geplaatst op 31-03-2011 Reageer met quote
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 Bericht Geplaatst op 31-03-2011 Reageer met quote
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 Bericht Geplaatst op 01-04-2011 Reageer met quote
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 Bericht Geplaatst op 02-04-2011 Reageer met quote
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 Bericht Geplaatst op 02-04-2011 Reageer met quote
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 Bericht Geplaatst op 02-04-2011 Reageer met quote
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 Bericht Geplaatst op 03-04-2011 Reageer met quote
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 Bericht Geplaatst op 03-04-2011 Reageer met quote
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
Nieuw onderwerpNieuw antwoord   


Forum » Scripten & programmeren » Meerdere hyperlinks aan 1 knop ?? Of anders...

Powered by Cloud VPS - High Availability Cloud Servers