Toon posts:

tabel data vervangen dmv javascript

Pagina: 1
Acties:
  • 35 views sinds 30-01-2008

dinsdag 23 maart 2004 12:41

Acties:

Verwijderd

Topicstarter
Is het mogelijk om dmv een javasript een tabel te vervangen door een ander tabel wanneer er op een knop word gedrukt?

dinsdag 23 maart 2004 12:41

Acties:
  • T-MOB
  • Registratie: Maart 2001
  • Laatst online: 22:53

T-MOB

ja

Regeren is vooruitschuiven

dinsdag 23 maart 2004 12:43

Acties:

Verwijderd

Topicstarter
das mooi :P
Nu begrijp je vast de volgende opmerking:
"Hoe doe ik dat?"

dinsdag 23 maart 2004 12:44

Acties:
  • T-MOB
  • Registratie: Maart 2001
  • Laatst online: 22:53

T-MOB

code:
1
2

  var place = document.getElementById("div_met_tabel");
   place.innerHTML = "andere tabel";

Regeren is vooruitschuiven

dinsdag 23 maart 2004 12:47

Acties:

Verwijderd

Topicstarter
Ik heb namelijk een tabel gemaakt en nou wil ik een in td tag een variabele tabel hebben.
Ik hoop dat ik het een beetje duidelijk overbreng

dinsdag 23 maart 2004 12:48

Acties:
  • LinuX-TUX
  • Registratie: December 2003
  • Laatst online: 27-05 09:48

LinuX-TUX

Verwijderd schreef op 23 maart 2004 @ 12:47:
Ik heb namelijk een tabel gemaakt en nou wil ik een in td tag een variabele tabel hebben.
Ik hoop dat ik het een beetje duidelijk overbreng
Nee, post is wat je al hebt en wat daarmee moet gebeuren :)
offtopic:
Vanaf het laden van de pagina statisch daarna, of als je ergens op klikt dat de content veranderd ofzo, dit is allemaal zo wazig en een model van wat je hebt helpt voor ons reuze mee om doelgericht te kunnen antwoorden

[ Voor 29% gewijzigd door LinuX-TUX op 23-03-2004 12:50 ]

dinsdag 23 maart 2004 12:52

Acties:
  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Verwijderd schreef op 23 maart 2004 @ 12:47:
Ik heb namelijk een tabel gemaakt en nou wil ik een in td tag een variabele tabel hebben.
Ik hoop dat ik het een beetje duidelijk overbreng
Ik zou eerst eens naar je ontwerp kijken... Dit is waarschijnlijk een mooi voorbeeld waarin tabellen niet worden gebruikt waarvoor bedoeld en dus makkelijker op te lossen zou zijn als je met css aan de gang zou gaan...

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 23 maart 2004 13:05

Acties:

Verwijderd

Topicstarter
Dit is wat ik tot nu toe heb

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="700" cellspacing="0" cellpadding="0">
  <tr> 
    <td colspan="6">[img]"clear.gif"[/img]</td>
  </tr>
  <tr> 
    <td rowspan="2" bgcolor="#000000">
          [img]"clear.gif"[/img]
    </td>
    <td>[img]"button1.gif"[/img]</td>
    <td>[img]"button2.gif"[/img]</td>
    <td>[img]"button3.gif"[/img]</td>
    <td>[img]"button4.gif"[/img]</td>
    <td rowspan="2" bgcolor="#000000">
        [img]"clear.gif"[/img]
    </td>
  </tr>
  <tr> 
    <td colspan="4"><table width="698" cellspacing="0" cellpadding="0">
        <tr>
          <td>Deze tabel wil laten veranderen als er op een van 
              bovenstaande knopen wordt gedruk in een andere tabel
          </td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td colspan="6">[img]"tab_bottom.gif"[/img]</td>
  </tr>
</table>
</body>
</html>

[ Voor 73% gewijzigd door Verwijderd op 23-03-2004 13:36 ]

dinsdag 23 maart 2004 14:19

Acties:
  • T-MOB
  • Registratie: Maart 2001
  • Laatst online: 22:53

T-MOB

En alstublieft:
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
44
45
46
47
48
49

<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">

<head>

<title>Geen titel</title>

<script type="text/javascript">
  function vul(knopid)
    {
if (knopid == 0) { var content = "welkomsttekst"; }
if (knopid == 1) { var content = "inhoud van knop 1"; }
if (knopid == 2) { var content = "inhoud van knop 2"; }
if (knopid == 3) { var content = "inhoud van knop 3"; }
if (knopid == 4) { var content = "inhoud van knop 4"; }

var place = document.getElementById("inhoud");
place.innerHTML = content;
    }
</script>

<style type="text/css">
#menu { width: 700px; height: 30px; padding: 115px; text-align: center; margin: 0; }
 #menu li { display: inline; margin: auto 0px; padding: 0; height: 30px; }
  #menu li a { display: block; float: left; }
  a.wide { width: 200px; }
  a.small { width: 150px; }

#inhoud { width: 700px; }
</style>
</head>

<body onload="vul(0)">

<ul id="menu">
 <li><a href="javascript:vul(1)" class="wide">[img]"button1.gif"[/img]</a></li>
 <li><a href="javascript:vul(2)" class="small">[img]"button2.gif"[/img]</a></li>
 <li><a href="javascript:vul(3)" class="small">[img]"button3.gif"[/img]</a></li>
 <li><a href="javascript:vul(4)"  class="wide">[img]"button4.gif"[/img]</a></li>
</ul>

<div id="inhoud">
 Sorry, u gebruikt een browser zonder javascript. U kunt op deze site geen informatie zien.
</div>

</body>
</html>


Zonder tables, en semantisch ok. Mocht je toch tables willen dan kun je het scriptje zelf wel omschrijven neem ik aan...

[ Voor 21% gewijzigd door T-MOB op 23-03-2004 14:20 ]

Regeren is vooruitschuiven

dinsdag 23 maart 2004 14:27

Acties:
  • Thijsmans
  • Registratie: Juli 2001
  • Laatst online: 21:14

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

T-MOB schreef op 23 maart 2004 @ 14:19:
En alstublieft:
code:
1
2
3
4
5

if (knopid == 0) { var content = "welkomsttekst"; }
if (knopid == 1) { var content = "inhoud van knop 1"; }
if (knopid == 2) { var content = "inhoud van knop 2"; }
if (knopid == 3) { var content = "inhoud van knop 3"; }
if (knopid == 4) { var content = "inhoud van knop 4"; }
Array's zeg ik je :)

code:
1
2
3
4
5
6
7
8

content = new Array();
content[0] = 'welkom';
content[1] = 'inhoud 1';

function setContent( i )
{
    document.getElementById('inhoud').innerHTML = content[ i ];
}


Maar ja, dat is natuurlijk heel persoonlijk :P

[ Voor 9% gewijzigd door Thijsmans op 23-03-2004 14:27 ]

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

dinsdag 23 maart 2004 14:39

Acties:
  • T-MOB
  • Registratie: Maart 2001
  • Laatst online: 22:53

T-MOB

Prammenhanger schreef op 23 maart 2004 @ 14:27:
[...]

Array's zeg ik je :)
Eéns!
Maar persoonlijk vind ik dit soort constructies zowieso ranzig voor de complete inhoud van je site! Ik gebruik die innerHTML zelf eigenlijk alleen om m'n e-mail adres te verbergen voor bots.... Voor inhoud voldoet imho gewoon linken naar andere pagina's prima.

Regeren is vooruitschuiven

dinsdag 23 maart 2004 15:14

Acties:
  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 00:12

Pelle

🚴‍♂️

Persoonlijk vind ik dat snapjijhetofik hiermee genoeg op weg is geholpen :)
Pagina: 1

Dit topic is gesloten.