1. #1
    motofreak's Avatar
    Registered
    28/10/02
    Location
    Los Santos
    Posts
    889
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    html : weet nie hoe het noemt ?

    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
    (·:·[__]·:·) PSP COMPATIBLE SITE (·:·[__]·:·)
    no votes  

  2. #2
    Hevia's Avatar
    Registered
    22/07/02
    Posts
    74
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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...
    no votes  

  3. #3
    servi's Avatar
    Registered
    01/07/02
    Location
    Zolder
    Posts
    2,487
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    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>
    no votes  

  4. #4
    motofreak's Avatar
    Registered
    28/10/02
    Location
    Los Santos
    Posts
    889
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    ah vet maar ik hoor hier nu iets van i frame kan dat ook ?
    (·:·[__]·:·) PSP COMPATIBLE SITE (·:·[__]·:·)
    no votes  

  5. #5
    servi's Avatar
    Registered
    01/07/02
    Location
    Zolder
    Posts
    2,487
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)


    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>
    no votes  

  6. #6
    motofreak's Avatar
    Registered
    28/10/02
    Location
    Los Santos
    Posts
    889
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    maar nu is het waar moet ik dat zetten ik ken nie zo veel van die codes srry
    (·:·[__]·:·) PSP COMPATIBLE SITE (·:·[__]·:·)
    no votes  

  7. #7
    motofreak's Avatar
    Registered
    28/10/02
    Location
    Los Santos
    Posts
    889
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    zoiets bedoel ik link
    (·:·[__]·:·) PSP COMPATIBLE SITE (·:·[__]·:·)
    no votes  

  8. #8
    Miche's Avatar
    Registered
    18/05/03
    Posts
    1,685
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    dat is een photoshop layout met iframe
    no votes  

  9. #9
    motofreak's Avatar
    Registered
    28/10/02
    Location
    Los Santos
    Posts
    889
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    ja maar wat ik moet weten is hoe ik met die iframe moet werken kan je dat met dreamweaver doen op een gemakelijke manier ?
    (·:·[__]·:·) PSP COMPATIBLE SITE (·:·[__]·:·)
    no votes  

  10. #10
    motofreak's Avatar
    Registered
    28/10/02
    Location
    Los Santos
    Posts
    889
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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
    (·:·[__]·:·) PSP COMPATIBLE SITE (·:·[__]·:·)
    no votes  

  11. #11
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    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)
    no votes  

  12. #12
    tha_rippa1be's Avatar
    Registered
    23/05/03
    Location
    Stavanger
    Posts
    1,837
    iTrader
    10 (100%)
    Mentioned
    0 Post(s)
    Reputation
    1/4
    Quote Originally Posted by motofreak
    This quote is hidden because you are ignoring this member. Show
    ja maar wat ik moet weten is hoe ik met die iframe moet werken kan je dat met dreamweaver doen op een gemakelijke manier ?
    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.

    no votes  

  13. #13
    motofreak's Avatar
    Registered
    28/10/02
    Location
    Los Santos
    Posts
    889
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    twas een zwaar bevalling ma tis gelukt thx duds
    (·:·[__]·:·) PSP COMPATIBLE SITE (·:·[__]·:·)
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in