Archief - html : weet nie hoe het noemt ?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
m

motofreak

Legacy Member
dus ff uitleggen, dus als je op een link klikt dat je pagina niet ververst maar dat de teks, afbeeldinge, enz... verschijnt op een bepaalde plaats
kan iemand mij daar een tutorial voor geven een heel gemakelijke en liefst nedelands
alvast bedankt :bow:
H

Hevia

Legacy Member
dan moet je eens wat zoeken naar javascript

effe in google, iets van swap image js ofzo..

en dan zal je dat wel vinden, ik heb niks bij de hand nu direct...
s

servi

Legacy Member
gebeurt door middel van css + javascript



voorbeeld:
in <head>-gedeelte :

<style type="text/css">
div.zichtbaar { display : block; }
div.onzichtbaar { display : none }
</style>

<script language="javascript">

function maak_zichtbaar(naamgebied) {
document.getElementById(naamgebied).className = "zichtbaar";
}

function maak_onzichtbaar(naamgebied) {
document.getElementById(naamgebied).className = "onzichtbaar";
}

</script>


in <body>-gebied :

<div id="tekstgebied1" class="zichtbaar">
dit is tekst1
</div>
<div id="tekstgebied2" class="onzichtbaar">
dit is tekst2
</div>

<a href="#" onclick="maak_zichtbaar('tekstgebied1')">maak tekst 1 zichtbaar</a>
<a href="#" onclick="maak_zichtbaar('tekstgebied2')">maak tekst 2 zichtbaar</a>
<a href="#" onclick="maak_onzichtbaar('tekstgebied1')">maak tekst 1 onzichtbaar</a>
<a href="#" onclick="maak_onzichtbaar('tekstgebied2')">maak tekst 2 onzichtbaar</a>
m

motofreak

Legacy Member
ah vet maar ik hoor hier nu iets van i frame kan dat ook ?
s

servi

Legacy Member
:doh:

dan wordt de pagina wel ververst hé.

dan is het

<iframe src="link.html" name="inhoud" />



en om de inhoud te veranderen

<a href="nieuwelink.html" target="inhoud">toon nieuwe inhoud in frame</a>
m

motofreak

Legacy Member
maar nu is het waar moet ik dat zetten ik ken nie zo veel van die codes srry
m

motofreak

Legacy Member
ja maar wat ik moet weten is hoe ik met die iframe moet werken kan je dat met dreamweaver doen op een gemakelijke manier ?
m

motofreak

Legacy Member
dit is de code van men mini siteke
Code: 
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#7D7C7C" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="567" border="0" cellspacing="0" cellpadding="0" align="center" height="99">
  <tr>
    <td background="http://dhost.info/meetings/space%202/images/Untitled-1.gif">&nbsp;</td>
  </tr>
</table>
<table width="567" border="0" cellspacing="0" cellpadding="0" align="center" height="237">
  <tr> 
    <td background="http://dhost.info/meetings/space 2/images/222_02.gif" width="90" align="center" valign="top"><br>
      &nbsp;&nbsp;&nbsp;&nbsp; 
      <table width="502" border="0" cellspacing="0" cellpadding="0" height="179">
        <tr> 
          <td width="40">&nbsp;</td>
          <td width="94" align="center" valign="middle"> 
            <p><font face="Arial"><b><font size="2" color="#FFFFFF">.::navigation::.<br>
              <br>
              </font></b><font size="2" color="#FFFFFF"> <a href="http://dhost.info/meetings/">home</a><br>
              </font></font><font face="Arial"><font size="2" color="#FFFFFF"><a href="http://dhost.info/meetings/meetings.htm">meeting</a></font></font><a href="http://dhost.info/meetings/meetings.htm"><font color="#FFFFFF" size="2" face="Arial">s</font></a><font color="#FFFFFF"><br>
              <font face="Arial" size="2"><a href="http://dhost.info/meetings/vids.htm">vid's</a><br>
              <a href="http://dhost.info/meetings/kalender.htm">kalender</a></font></font></p>
            <p>&nbsp;</p>
          </td>
          <td width="267" align="center" valign="top" height="179">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table width="567" border="0" cellspacing="0" cellpadding="0" align="center" height="33">
  <tr>
    <td background="http://dhost.info/meetings/space%202/images/222_03.gif">&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>
link het zou dus naast die frame met navigation moeten komen
Z

Zero Grav

Legacy Member
www.w3schools.com

.. De code is gegeven, nu ze gewoon nog even leren gebruiken zou'k zo zeggen, op dit site wordt alles uitgelegd qua (x)html & css, een studie die je op een weekje wel af zou moeten hebben. (als ge traag werkt)
t

tha_rippa1be

Legacy Member
motofreak zei:
ja maar wat ik moet weten is hoe ik met die iframe moet werken kan je dat met dreamweaver doen op een gemakelijke manier ?
Klik om te vergroten...
ge klikt in dreamwaver op de plek waar ge die iframe wilt,
dan gaat ge naar de code, en op de plek waar da zwart dinkske flikkert klikt ge en plakt da daar. dan wat experimenteren mat de grootte v/d iframe en de alignment.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan