Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Terug naar plaats in pagina

2 antwoorden
  • Hallo allemaal, Ik heb een pagina met een tabel. Een stukje van de code zie je hier: [code:1:d95d1a3d58]<tr> <td>1</td> <td> <a href="#" onClick="open('../1/foto.html', '', 'width=670,height=500,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no')"><img src="../image/camera2.gif"></a></td> <td>Nekaf (militair jeep)groen</td> <td>m38-a1</td> <td>benzine</td> <td>1956</td> <td>€5250,= p.m.€148</td> <td><a href="#" onclick="open('../1/info.html', '','width=670,height=500,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no')"><img src="../image/info.gif" width="32" height="28" alt="" border="0" /></a></td> </tr> <tr> <td>2</td> <td><a href="#" onClick="open('../2/foto.html', '', 'width=670,height=500,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no')"><img src="../image/camera2.gif"></a></td> <td>Mercedes (lpg.incl.taxatie rapp.)wit</td> <td>220(wegenbelasting vrij!)</td> <td>lpg</td> <td>1972</td> <td>€7950,= p.m.€240</td> <td><a href="#" onclick="open('../2/info.html', '','width=670,height=500,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no')"><img src="../image/info.gif" width="32" height="28" alt="" border="0" /></a></td> </tr>[/code:1:d95d1a3d58] De links voor de pagina's zijn plaatjes. Als er wordt geklikt op een link in rij nummer 50 bijvoorbeeld verschuift de pagina met de tabel naar boven. Als de bezoeker daarna de tweede link wil openen moet hij/zij weer scrollen naar de plaats waar de link stond. Hoe kan ik ervoor zorgen dat de pagina niet verschuift na het klikken op een link? In de head van de tabel pagina staat een javascript om een nieuw venster te openen: [code:1:d95d1a3d58]<SCRIPT LANGUAGE="JavaScript"> <!--- Hide script from old browsers function OpenNewWindow(cPicture,nWidth,nHeight) { NewWindow=window.open("","","HEIGHT="+nHeight+",WIDTH="+nWidth+",scrollbars=yes,resizable=no,top=5,left=5"); NewWindow.document.write ("<HTML><HEAD><TITLE>"); NewWindow.document.write ("</TITLE></HEAD>"); NewWindow.document.write ("<BODY BGCOLOR='black'>"); NewWindow.document.write ("<P ALIGN=CENTER>"); NewWindow.document.write ("<FONT FACE='Arial' SIZE='+2' COLOR='White'><B>"); NewWindow.document.write ("</B></FONT>"); NewWindow.document.write ("<IMG SRC="); NewWindow.document.write (cPicture); NewWindow.document.write (">"); NewWindow.document.write ("</P>"); NewWindow.document.write ("<div align='center'>"); NewWindow.document.write ("<form>"); NewWindow.document.write ("<BR>"); NewWindow.document.write ("<input type='button' value='Sluit venster' onClick='window.close()'>"); NewWindow.document.write ("</form>"); NewWindow.document.write ("</div>"); NewWindow.document.write ("</FORM></CENTER></BODY></HTML>"); NewWindow.document.write ("</BODY></HTML>"); NewWindow.document.close(); return false; } // end hiding from old browsers --> </SCRIPT>[/code:1:d95d1a3d58] en in de te openen pagina's een script om foto's wisselend te tonen. Sjaan[/code]
  • de links gaan naar "#". Het hekje verwijst naar een [url=http://www.htmlgids.nl/html/hyperlinks/hyperlinks05.html]anchor[/url]. Zonder tekst achter het hekje wordt dat opgevat als "de bovenkant van de pagina", dus op de link klikken stuurt je daarheen. Je code (ongeveer) nu: [code:1:2f74cdf01f]<a href="#" onclick="open('pagina.htm');">tekst</a>[/code:1:2f74cdf01f] in plaats hiervan zou je moeten doen: [code:1:2f74cdf01f]<a href="pagina.htm">tekst</a>[/code:1:2f74cdf01f] In een apart javascript-bestand vang je een klik op die link dan af en open je een popup. Bijkomend voordeel is dat als mensen javascript om wat voor reden dan ook hebben uitstaan de link toch nog werkt. Afvangen kan bijvoorbeeld zo: HTML: [code:1:2f74cdf01f]<a href="pagina.htm" id="eenlink">tekst</a>[/code:1:2f74cdf01f] Javascript: [code:1:2f74cdf01f] document.getElementById('eenlink').onclick = function() { window.open(this.getAttribute(href), '', 'width=670, height=500, toolbar=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false; } [/code:1:2f74cdf01f] window.open() opent de popup, met als adres van de pagina "this.getAttribute(href)", wat verwijst naar de waarde van het "href"-attribuut van de link, oftewel het adres van de pagina waarnaar de link verwijst. "return false" zorgt ervoor dat de link niet gevolgd wordt en je dus wel op dezelfde pagina blijft, zonder naar boven te springen. Als je niet voor elke foto een aparte pagina wilt maken, kun je hier ook de open()-functie van je oude pagina voor gebruiken. Succes :)

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.