Ga naar inhoud


target voor link werkniet in class?


EtienneM

Aanbevolen berichten

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 naar reactie
Delen op andere 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 naar reactie
Delen op andere 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 naar reactie
Delen op andere 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 naar reactie
Delen op andere 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 naar reactie
Delen op andere sites

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 naar reactie
Delen op andere 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 naar reactie
Delen op andere sites

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 naar reactie
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
  • Wie is er online   0 leden

    • Er zijn geen geregistreerde gebruikers deze pagina aan het bekijken
×
×
  • Nieuwe aanmaken...