Toon posts:

Een "layer" openen dmv muisklik

Pagina: 1
Acties:

donderdag 21 maart 2002 13:22

Acties:

Verwijderd

Topicstarter
Hey!!

Ik heb een lijst gemaakt met DVD films in HTML, nu wil ik dat als ge met u muis op 1 van de titels klikt er een klein vensterke opent waar de samenvatting van de film in staat.

Ik bedoel geen apart venster laten openen, maar eerder een soort van "layer" waar de uitleg inkomt. En als ik weer klik op de naam moet deze "layer" weer weggaan...

Ik heb al gezocht op het tweakers forum (maar daar staat ZOVEEL!!) Ik ga nu ff verder zoeken, ik heb dit topic gestart, niet omdat ik te lui ben om te zoeken maar omdat het af moet zijn tegen vanavond :'(


Alvast bedankt...

donderdag 21 maart 2002 13:24

Acties:
  • ACM
  • Registratie: Januari 2000
  • Niet online

ACM

Software Architect

Werkt hier

P&W -> W&G

donderdag 21 maart 2002 13:24

Acties:

Verwijderd

DW

donderdag 21 maart 2002 13:26

Acties:

Verwijderd

document.GetElementById
('gatverpielekesdaspaslekker').display = 'block';

donderdag 21 maart 2002 13:29

Acties:

Verwijderd

Topicstarter
Op donderdag 21 maart 2002 13:26 schreef Gordijnstok het volgende:
document.GetElementById
('gatverpielekesdaspaslekker').display = 'block';
Euhm... een beetje meer uitleg pleeze...
Ken niet ZOVEEL van HTML, waar moet ik dit zetten?

donderdag 21 maart 2002 13:30

Acties:

Verwijderd

Op donderdag 21 maart 2002 13:29 schreef -HFL-Statler het volgende:

[..]

Euhm... een beetje meer uitleg pleeze...
Ken niet ZOVEEL van HTML, waar moet ik dit zetten?
Gewoon. je opent een nieuwe browser. Typt www.google.com in, plakt wat ik zojuist heb neergekwakt in je zoekveld. Drukt op de zoekknop, neemt een bak koffie, etc.etc..

Ik hoop dat je hem snapt. Wat ik daar heb neergezet is voldoende info voor jou om mee verder te komen.

We zijn hier niet op de kermis waar je sourcecode kunt trekken met een touwtje voor een knaak.

donderdag 21 maart 2002 13:34

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 09-09 14:17

André

Analytics dude

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<html>
<head>
  <title>Test</title>
  <script language="javascript">
    function Show(item)
    {
    if (eval(item).style.display == "none")
    { eval(item).style.display = "block"; }
    else
    { eval(item).style.display = "none"; }
    }
  </script>
</head>

<body>
  <center>

  <table border="1" width="200" style="border-collapse:collapse;">
    <tr>
    <td onclick="Show('test')" align="center" bgcolor="red">Titel</td>
    </tr>
    <tr>
    <td bgcolor="yellow">
      <div id="test" style="display:none">
        <table>
        <tr>
          <td>
            Dit is de text onderin de tabel<br>
            Dit is de text onderin de tabel<br>
            Dit is de text onderin de tabel<br>
            Dit is de text onderin de tabel<br>
            Dit is de text onderin de tabel<br>
            Dit is de text onderin de tabel<br>
          </td>
        </tr>
        </table>
      </div>
    </td>
    </tr>
  </table>

</body>
</html>

Copy paste dit maar in een html bestand, en aanschouw het resultaat. :D

donderdag 21 maart 2002 13:36

Acties:

Verwijderd

Topicstarter
Op donderdag 21 maart 2002 13:34 schreef Yogho het volgende:
code:
1
2
3
4
5
6
7
8
9

<html>
<head>
  <title>Test</title>
  <script language="javascript">
    function Show(item)
    {........
    
</body>
</html>

Copy paste dit maar in een html bestand, en aanschouw het resultaat. :D
Tnx, dit is perfect... Merci :-D

donderdag 21 maart 2002 14:09

Acties:

Verwijderd

Topicstarter
Op donderdag 21 maart 2002 13:34 schreef Yogho het volgende:
code:
1
2
3
4
5
6
7
8
9

<html>
<head>
  <title>Test</title>
  <script language="javascript">
    function Show(item)
    {...................
    
</body>
</html>

Copy paste dit maar in een html bestand, en aanschouw het resultaat. :D
Hoe kan ik dit nu voor meerdere titels doen??? :?

donderdag 21 maart 2002 14:21

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 09-09 14:17

André

Analytics dude

Als je nog een div maakt geef hem dan een andere naam: Test2 bijvoorbeeld. En in de onclick="Show('Test')" zet je onclick="Show('Test2')".

donderdag 21 maart 2002 14:24

Acties:

Verwijderd

Topicstarter
Op donderdag 21 maart 2002 14:21 schreef Yogho het volgende:
Als je nog een div maakt geef hem dan een andere naam: Test2 bijvoorbeeld. En in de onclick="Show('Test')" zet je onclick="Show('Test2')".
Hoe kun je een DIV maken in Dreamweaver? Zonder al die HTML-boel zelf in te tikken?? Of gaat dat niet anders?

donderdag 21 maart 2002 14:28

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 09-09 14:17

André

Analytics dude

Ik heb geen idee hoe dreamweaver :r dat oplost, ik werk alleen maar met teksteditors. :*

donderdag 21 maart 2002 14:29

Acties:

Verwijderd

Topicstarter
Op donderdag 21 maart 2002 14:21 schreef Yogho het volgende:
Als je nog een div maakt geef hem dan een andere naam: Test2 bijvoorbeeld. En in de onclick="Show('Test')" zet je onclick="Show('Test2')".
<html>
<head>
<title>Test</title>
<script language="javascript">
function Show(item)
{
if (eval(item).style.display == "none")
{ eval(item).style.display = "block"; }
else
{ eval(item).style.display = "none"; }
}
</script>

<title>Test2</title>
<script language="javascript">
function Show(item)
{
if (eval(item).style.display == "none")
{ eval(item).style.display = "block"; }
else
{ eval(item).style.display = "none"; }
}
</script>
</head>
<body>
<center>

<table border="1" width="200" style="border-collapse:collapse;">
<tr>
<td onclick="Show('test')" align="center" bgcolor="red">Titel</td>
</tr>
<tr>
<td bgcolor="yellow">
<div id="test" style="display:none">
<table>
<tr>
<td>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>

<center>

<table border="1" width="200" style="border-collapse:collapse;">
<tr>
<td onclick="Show('test2')" align="center" bgcolor="red">Titel</td>
</tr>
<tr>
<td bgcolor="yellow">
<div id="test" style="display:none">
<table>
<tr>
<td>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
Dit is de text onderin de tabel<br>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>


</body>
</html>

zo heb ik dat dan gedaan, maar dan werkt het niet meer ???

donderdag 21 maart 2002 14:31

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 09-09 14:17

André

Analytics dude

In de 2de <div> staat de id nog op "test", maak daar <div id="test2"> van. En dan moet ie ut doen. :9

donderdag 21 maart 2002 14:33

Acties:

Verwijderd

Topicstarter
Op donderdag 21 maart 2002 14:31 schreef Yogho het volgende:
In de 2de <div> staat de id nog op "test", maak daar <div id="test2"> van. En dan moet ie ut doen. :9
|:( |:( |:( |:( Lomp!! Lomp!! Lomp!! Lomp!! |:( |:( |:( |:( |:(


Toch heeeeeeeeeeeel veel bedankt voor u hulp... en geduld ;)

donderdag 21 maart 2002 16:31

Acties:
  • InZane
  • Registratie: Oktober 2000
  • Nu online

InZane

Op donderdag 21 maart 2002 13:24 schreef Lotte het volgende:
DW
Volgens mij snap ik je reply niet helemaal :?

Wat is DW??

donderdag 21 maart 2002 16:59

Acties:
  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Voglens mij bedoelt ze dat belabberde n00bie DreamWeaver proggie. :P

donderdag 21 maart 2002 17:14

Acties:
  • InZane
  • Registratie: Oktober 2000
  • Nu online

InZane

Op donderdag 21 maart 2002 16:59 schreef Bosmonster het volgende:
Voglens mij bedoelt ze dat belabberde n00bie DreamWeaver proggie. :P
Ow dattuh :+
Pagina: 1
Reageer