Jump to content


target voor link werkniet in class?


EtienneM

Recommended Posts

Hoi hoi,

 

Ik ben ff aan het stoeien met een internet pagina.

 

Ik heb het volgende opgezet:

Citaat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>test</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<body>

<div class="container">

<div class="header">

<table width="797" border="0">

<tr>

<td width="155" height="35" class="menu" target="content" onClick="location.href='wie.html'" onMouseOver="wie.src='images/wie_over.jpg'" onMouseOut="wie.src='images/wie_on.jpg'"><img src="images/wie_on.jpg" border="0" width="155" height="35" name="wie"></td>

<td width="155" height="35" class="menu" onClick="location.href='wat.html'" onMouseOver="wat.src='images/wat_over.jpg'" onMouseOut="wat.src='images/wat_on.jpg'"><img src="images/wat_on.jpg" border="0" width="155" height="35" name="wat"></td>

<td width="155" height="35" class="menu" onClick="location.href='waar.html'" onMouseOver="waar.src='images/waar_over.jpg'" onMouseOut="waar.src='images/waar_on.jpg'"><img src="images/waar_on.jpg" border="0" width="155" height="35" name="waar"></td>

<td width="155" class="menu" onMouseOver="project.src='images/proj_over.jpg'" onMouseOut="project.src='images/proj_on.jpg'" onClick="location.href='projecten.html'"><img src="images/proj_on.jpg" border="0" width="155" height="35" name="project"></td>

<td width="155"> </td>

</tr>

</table>

</div>

<div class="content">hier komt de site<br>nog een regel<br>en nog een

</div>

 

</div>

</body>

</body>

</html>

 

en de css:

Citaat:
.container {

position: absolute;

left: 50%;

top: 50%;

height: 400px;

width: 800px;

margin-top: -200px;

/* De helft van de hoogte */

margin-left: -400px;

/* De helft van de breedte */

}

.header {

background-color: #D4E4F6;

height:50px;

}

.content {

background-color: #D4E4F6;

}

 

 

Alleen nu wil ik dat als er een gekozen wordt dat de pagina in het content gedeelte laad maar dat werkt niet.

Zoals je kan zien heb ik dit al geprobeerd bij de link wie, maar ik krijg een nieuw venster.

 

iemand een tipje?

VU+ Duo - 2x sat - 1x DVB-T (Terratec Tstick RC)

Triax TDS110 19,2/23,5/28,2/13,0 - Triax TDS88 met moteck sg2100 rotor.

2 x DM500 - Nabilo

NSLU2 met CCcam 2.1.4 server

Samsung UE40B7000 (LED)

 

Link to comment
Share on other sites


Dat gaat zo nooit werken. Om meerdere redenen.

 

De javascript constructie: location.href doet hetzelfde als de html-equivalent <a href="...">...</a> oftewel, beide constructies laden een nieuwe pagina vanaf de server. Die nieuwe paging kun je in een nieuw venster laten openen of in het huidige venster of in een frame of een iframe, maar niet in een element op de "parent"-pagina.

 

Javascript werkt lokaal bij de gebruiker/bezoeker. De webpagina's staan online op de server. Dus op het moment dat jij in javascript de inhoud van projecten.html wilt gebruiken, moet die inhoud eerst in javascript worden binnengehaald. Maar javascript kan niet zomaar bij de bestanden op de server. Daarvoor zou je een ajax-oplossing nodig hebben.

 

 

Link to comment
Share on other sites

owkee das jammer kan ik wel frames toepassen in een "container" dan? Of is het dan beter de site op te maken in een tabel?

VU+ Duo - 2x sat - 1x DVB-T (Terratec Tstick RC)

Triax TDS110 19,2/23,5/28,2/13,0 - Triax TDS88 met moteck sg2100 rotor.

2 x DM500 - Nabilo

NSLU2 met CCcam 2.1.4 server

Samsung UE40B7000 (LED)

 

Link to comment
Share on other sites

Of kan ik dan wel een soort van target aangeeft dat de het doel geopend wordt in hetzelfde venster, dus alles compleet niet laden maar dan de nieuw gekozen pagina.

 

Kortom ik klik bijv op waar en er opent een nieuwe pagina in hetzelfde venster ipv een nieuw venster? Nu wordt er dus na het aanklikken een nieuw venster geopend.

VU+ Duo - 2x sat - 1x DVB-T (Terratec Tstick RC)

Triax TDS110 19,2/23,5/28,2/13,0 - Triax TDS88 met moteck sg2100 rotor.

2 x DM500 - Nabilo

NSLU2 met CCcam 2.1.4 server

Samsung UE40B7000 (LED)

 

Link to comment
Share on other sites

Wel de juiste info verstrekken Frank.

Javascript kent wel degelijk targets zoals bij <a href...

 

Lees eerst die source code eens door helemaal bovenaan, want je hebt helemaal niet begrepen wat hij eigenlijk wil.

 

@EtienneM

Wat jij wilt kun je op meerdere manieren oplossen:

1. ajax (da's eigenlijk echt wat je wil maar waarschijnlijk te moeilijk)

2. iframes (op de plaats van die <div waar je de pagina in wilde laden

3. frames (je scherm opdelen in een top- en bottom-frame bijvoorbeeld)

 

Link to comment
Share on other sites

Guest SatMann

sla mij niet dood, maar waarom doe je het zo niet?

 

je maakt een include van de tekst die je wil laten verschijnen.

 

en in je hoofdpagina(bv start.asp) doe je zoiets :

(das wel asp, maar voor php niet anders enkel de syntax)

 

<% if sNav ="1" then %>

<!--#include virtual="/wie.asp"-->

<% elseif sNav="2" then%>

<!--#include virtual="/waarom.asp"-->

<% end if %>

 

en in je < a href > zet je dan zoiets?

<a class="uw class file" href="/start.asp?sNav=1">Wie</a>

<a class="uw class file" href="/start.asp?sNav=2">Waarom</a>

 

dan gebruik je geen Ajax.

want Ajax is niet van de poes als je het nog nooit hebt gedaan.

Frames raad ik totaal af, zoekmachines doen daar moeilijk mee en das niet meer voor de tijd van vandaag.

Link to comment
Share on other sites

In php zie dat er ongeveer zo uit.

Ik heb er nog een extra controle ingestoken om default.php te includen als $_GET['sNav'] leeg zou zijn of verschillend van 1 of 2

 

Laat mij ook stellen dat deze manier van werken absolute niet veilig is.

 

<?php

$sNav = $_GET['sNav'];

 

if ($sNav == 1){

include("wie.php");

}

elseif ($sNav == 2){

include("waarom.php");

}

else{

include("default.php");

}

?>

 

 

en in je < a href > zet je dan zoiets?

<a class="uw class file" href="/start.php?sNav=1">Wie</a>

<a class="uw class file" href="/start.php?sNav=2">Waarom</a>

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link to comment
Share on other sites

Guest SatMann

Klopt puch,

 

ik zou ook gewoon een refresh naar een andere pagina doen.

Ikzelf werk nooit met frames, soms ajax maar dan niet voor bepaalde delen op te roepen.

 

en includes oproepen die eigenlijk pagina's zijn?

weet ik ook niet.

 

hij zou effen de juiste bedoeling moeten uitschrijven, zodat we zien wat hij wenst.

dan pas kunnen we raad geven.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

Lees alvorens je verder gaat onze Terms of Use en Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.