Div einblenden per klick

[Marky]

Hallo TP´ler,

leider kenn ich mich mit Div- Elementen oder Container noch nicht so gut. Stecke da noch in den anfängen. Obwohl ich die Einsatzmöglichkeiten genial finde.
Nun zu meiner Frage:

Ich wollte gerne eine Tabelle erstellen, wie hier gesehen:
http://de.celebpoker.com/league/leader_board/

Wie funktioniert das mit dem Einblenden der Spieler-Stats bei anklicken.

Kann mir das mal jemand irgendwie erklären, dafür wäre ich sehr dankbar!

Gruß

[phpBuddy]

Hallo Marky,

geh mal hier schauen: klick

[Marky]

Hallo Andreas,

genau das war´s! Vielen Dank für deine schnelle Hilfe. Mal wieder was gelernt! Ich liebe diese Forum!

[Marky]

Es funktioniert einfach net!

Also hab das Javascript kopiert und gespeichert, mit der CSS genau das gleiche, hab sogar die html datei kopiert und in dreamweaver eingefügt alles gespeichert, nix tut sich.

Hab dann mal zum testen die komplette Seite die du mir geschickt hast gespeichert und im Dreamweaver geöffnet, das ging dann komisch!
Das ist ja nicht der Sinn und Zweck des ganzen!

Hier mal mein Head:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" media="screen" href="bluff_tab.css">

<script type="text/javascript">
		window.addEvent('domready', function(){
			//-vertical
			
			var mySlide = new Fx.Slide('test');
			
			$('slidein').addEvent('click', function(e){
				e = new Event(e);
				mySlide.slideIn();
				e.stop();
			});
			
			$('slideout').addEvent('click', function(e){
				e = new Event(e);
				mySlide.slideOut();
				e.stop();
			});
			
			$('toggle').addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();
			});
			
			$('hide').addEvent('click', function(e){
				e = new Event(e);
				mySlide.hide();
				e.stop();
			});
			
			
			//--horizontal
			
			var mySlide2 = new Fx.Slide('test2', {mode: 'horizontal'});
			
			$('slidein2').addEvent('click', function(e){
				e = new Event(e);
				mySlide2.slideIn();
				e.stop();
			});
			
			$('slideout2').addEvent('click', function(e){
				e = new Event(e);
				mySlide2.slideOut();
				e.stop();
			});
			
			$('toggle2').addEvent('click', function(e){
				e = new Event(e);
				mySlide2.toggle();
				e.stop();
			});
			
			$('hide2').addEvent('click', function(e){
				e = new Event(e);
				mySlide2.hide();
				e.stop();
			});
		}); 
	</script>
</head>

Hab ich irgendwo einen Fehler?

[Boris]

Du musst die Mootools auch noch einbinden, auf die dieses Teil aufbaut.

[Marky]

Ja hab´s gerade gemerkt, trotzdem danke für deine Antwort! Jetzt läuft alles bestens!

[Marky]

Jetzt noch das einbinden in die Tabelle...sorry aber ich verzweifle hier noch.

Mein "Vorbild" hat das so realisiert:

	                	                	<tr id="pos-lambik">
		                  <td><p>1</p></td>
		                  <td><p><img class="Tips1" src="/images/league/nomove_position_icon.gif" align="top" height="14" width="14">&nbsp;</p></td>
		                  <td><p>lambik</p></td>
		                  <td><p>4,624.66		                  <img class="Tips1" src="/images/league/double_prize_icon.gif" align="top" height="15" width="15">		                  </p></td>
		                  <td><p>680</p></td>

		                </tr>
		                <tr class="profile">
							<td colspan="5" style="padding: 0px;">
								
							<div style="margin: 0px; overflow: hidden; height: 0px;"><div id="profile-lambik" style="margin: 0px; display: none; height: 120px;">
								</div></div></td>
						</tr>

hier live:http://de.celebpoker.com/league/leader_board/
Natürlich benutzt er hierfür eigene scripts , aber ich bin mir sicher das muss auch mit meinen javascript funktionieren.

Sobal ich aber die Funktion "toogle" aus meinem Javascript irgendwie so anwenden will, funktioniert gar nix.

Hat vielleicht jemand ne ahnung, wie man sowas auf ne tabelle anwendet