php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit
JavaScript umformen, dass Tabelle nicht angezeigt wird JavaScript umformen, dass Tabelle nicht angezeigt wird
Wiki Registrieren Grundlagen Suchen Heutige Beiträge Alle Foren als gelesen markieren

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 02.06.2005, 13:19  
Gast
 
Beiträge: n/a
Standard JavaScript umformen, dass Tabelle nicht angezeigt wird
Hi Leutz,

ist schwer zu erklären, aber bei dem folgenden Menü (www.primerodesign.de/inline_lexikon.htm) sollen die Tabellen, die den Inhalt anzeigen ("content"-Tabellen) beim erstmaligen Aufruf der Seite nicht angezeigt werden (müsste doch der "collapse"-Befehl sein, oder?) Erst beim Anklicken einer Überschrift ("Title"-Tabelle) soll sich der Content-Bereich öffnen ("expand"-Befehl).

Im Moment ist es so, dass beim erstmaligen Öffnen der Seite auch die Content-Tabellen bereits geöffnet sind, aber das ist ja nicht Sinn der Sache.

Kann mir jemand den notwendigen Befehl sagen bzw. den Script ummodeln?

(ich habe den Header jetzt noch nicht in eine .js-Datei gepackt)

Code:
<html>

<head>
<title>Medizinisches Lexikon</title>
	<style type="text/css">
		.title{
			font-family:Verdana;
			font-weight:bold;
			font-size:11px;
			color:#333333;
			background-color:#D7D7D7;
			padding-left:5px;

			}
		.content{
			background-color:#EEEEEE;
			height:10px;
			}
		.icon{
			cursor:hand;
			}
	</style>
	<script type="text/javascript">
		function handleClick1(cell,icon){
			if(cell.style.display=='none'){
				icon.src='grafiken/menu/button1a.jpg';
				icon.setAttribute('title','collapse');
				cell.style.display='';
			}
			else{
				icon.src='grafiken/menu/button1.jpg';
				icon.setAttribute('title','expand');
				cell.style.display='none';
			}
		}
	</script>
<script type="text/javascript">
		function handleClick2(cell,icon){
			if(cell.style.display=='none'){
				icon.src='grafiken/menu/button2a.jpg';
				icon.setAttribute('title','collapse');
				cell.style.display='';
			}
			else{
				icon.src='grafiken/menu/button2.jpg';
				icon.setAttribute('title','expand');
				cell.style.display='none';
			}
		}
	</script>
		<script type="text/javascript">
		function handleClick3(cell,icon){
			if(cell.style.display=='none'){
				icon.src='grafiken/menu/button3a.jpg';
				icon.setAttribute('title','collapse');
				cell.style.display='';
			}
			else{
				icon.src='grafiken/menu/button3.jpg';
				icon.setAttribute('title','expand');
				cell.style.display='none';
			}
		}
	</script>
<script type="text/javascript">
		function handleClick4(cell,icon){
			if(cell.style.display=='none'){
				icon.src='grafiken/menu/button4a.jpg';
				icon.setAttribute('title','collapse');
				cell.style.display='';
			}
			else{
				icon.src='grafiken/menu/button4.jpg';
				icon.setAttribute('title','expand');
				cell.style.display='none';
			}
		}
	</script>
		<script type="text/javascript">
		function handleClick5(cell,icon){
			if(cell.style.display=='none'){
				icon.src='grafiken/menu/button5a.jpg';
				icon.setAttribute('title','collapse');
				cell.style.display='';
			}
			else{
				icon.src='grafiken/menu/button5.jpg';
				icon.setAttribute('title','expand');
				cell.style.display='none';
			}
		}
	</script>
<script type="text/javascript">
		function handleClick6(cell,icon){
			if(cell.style.display=='none'){
				icon.src='grafiken/menu/button6a.jpg';
				icon.setAttribute('title','collapse');
				cell.style.display='';
			}
			else{
				icon.src='grafiken/menu/button6.jpg';
				icon.setAttribute('title','expand');
				cell.style.display='none';
			}
		}
	</script>
		<script type="text/javascript">
		function handleClick7(cell,icon){
			if(cell.style.display=='none'){
				icon.src='grafiken/menu/button7a.jpg';
				icon.setAttribute('title','collapse');
				cell.style.display='';
			}
			else{
				icon.src='grafiken/menu/button7.jpg';
				icon.setAttribute('title','expand');
				cell.style.display='none';
			}
		}
	</script>
<script type="text/javascript">
		function handleClick8(cell,icon){
			if(cell.style.display=='none'){
				icon.src='grafiken/menu/button8a.jpg';
				icon.setAttribute('title','collapse');
				cell.style.display='';
			}
			else{
				icon.src='grafiken/menu/button8.jpg';
				icon.setAttribute('title','expand');
				cell.style.display='none';
			}
		}
	</script>
</head>

<body bgcolor="#BFBFBF">

<table width="150" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" cellpadding="3">
		<tr>
			<td class="title">
            [img]grafiken/menu/button1a.jpg[/img]</td>
		</tr>
		<tr>
			<td id="menu1" class="content">ffdfdf
hghgg
hjhj
jhjhjhhj
jhjhjhhj
jhjh</td>
		</tr>
		<tr>
			<td class="title">
            [img]grafiken/menu/button2a.jpg[/img]</td>
		</tr>
		<tr>
			<td id="menu2" class="content"></td>
		</tr>
			<tr>
			<td class="title">
            [img]grafiken/menu/button3a.jpg[/img]</td>
		</tr>
		<tr>
			<td id="menu3" class="content"></td>
		</tr>
		<tr>
			<td class="title">
            [img]grafiken/menu/button4a.jpg[/img]</td>
		</tr>
		<tr>
			<td id="menu4" class="content"></td>
		</tr>
			<tr>
			<td class="title">
            [img]grafiken/menu/button5a.jpg[/img]</td>
		</tr>
		<tr>
			<td id="menu5" class="content"></td>
		</tr>
		<tr>
			<td class="title">
            [img]grafiken/menu/button6a.jpg[/img]</td>
		</tr>
		<tr>
			<td id="menu6" class="content"></td>
		</tr>
			<tr>
			<td class="title">
            [img]grafiken/menu/button7a.jpg[/img]</td>
		</tr>
		<tr>
			<td id="menu7" class="content"></td>
		</tr>
		<tr>
			<td class="title">
            [img]grafiken/menu/button8a.jpg[/img]</td>
		</tr>
		<tr>
			<td id="menu8" class="content"></td>
		</tr>
		
	</table>


</body>

</html>
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 02.06.2005, 15:47  
Gast
 
Beiträge: n/a
Standard
Hallo,

also so wie ich das überblicke brauchs du noch ein onload im body tag, mit dem du eine funktion aufrufst, in der alle container geschlossen werden. nur so als Tipp, du brauchst nicht für jeden Container eine eigene Funktion, sonder es reichte eine Funktion, die das Öffnen und Schließen übernimmt. du übergibst ja schon this und den den Node des Menüs - das reicht aus.

lg
  Mit Zitat antworten
Alt 02.06.2005, 23:59  
Gast
 
Beiträge: n/a
Standard
Die Frage ist nur, wie lautet dieser onload Tag? Hat jemand den Befehl?
  Mit Zitat antworten
Alt 04.06.2005, 02:01  
Erfahrener Benutzer
 
Registriert seit: 23.05.2005
Beiträge: 374
scooter
scooter eine Nachricht über ICQ schicken
Standard
Code:
<body onload="startclose()">
und denn

Code:
<script language="JavaScript">
<!--
function startclose() {
close1()
//.
//.
//.
close22()
//wie deine Funktionen zum schließen auch heißen mögen, einfach alle hier //untereinander aufführen
}
</script>
Hoffe Konnte Helfen

MfG
scooter

P.S. Script stammt von www.js4all.de
__________________
Life is Life and life is hard
scooter ist offline   Mit Zitat antworten
Alt 15.06.2005, 12:05  
Gast
 
Beiträge: n/a
Standard
Danke schonmal, aber der 1. Befehl kommt ja in den Body-Tag, der 2. in den Header und dann müsste doch noch eine Verbindung mit den Tabellen, die geschlossen sein sollen, hergestellt werden, oder? Wie mache ich das denn?

THX
  Mit Zitat antworten
Alt 15.06.2005, 13:24  
Erfahrener Benutzer
 
Registriert seit: 23.05.2005
Beiträge: 374
scooter
scooter eine Nachricht über ICQ schicken
Standard
denn musst du wohl noch nen weitere funktion schreiben:
Code:
function startclose()
  function handleClick1(cell,icon) //die Variablen musst dennnatürlich manuell eintragen
  function handleClick2(cell,icon)
//  .
//  .
//  .
//  usw biss alle aufgerufen hast
Denn sollte muss nur noch onload="javascript:startclose()" in den <body>-Tag
__________________
Life is Life and life is hard
scooter ist offline   Mit Zitat antworten
Antwort

« Bilder im neuen Fenster anzeigen per JS | [Erledigt] Datei leeren »

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular PHP Tipps 2006 18 10.01.2006 12:51
Problem mit Anzeige einer Tabelle mit dem Firefox? HTML, Usability und Barrierefreiheit 8 28.11.2005 15:08
[Erledigt] Tabelle aktualisieren Datenbanken 3 23.11.2005 09:54
[Erledigt] Problem mit mySQL Datenbanken 7 27.09.2005 12:06
[Erledigt] Daten aus mehreren Tabellen holen Datenbanken 0 19.09.2005 17:14
[Erledigt] mysql abfrage über 4 Tabelle - bis 3 geht, bei der 4. habert Datenbanken 2 08.09.2005 11:59
tabelle in tabelle ohne aussenrand noskule HTML, Usability und Barrierefreiheit 6 25.08.2005 14:17
Denkanstoß bzgl. dynamischer Tabelle mit php / js PHP Tipps 2005-2 6 25.08.2005 13:46
spielplan, und Tabelle erstellen alias_zappler PHP Tipps 2005-2 3 01.08.2005 00:25
Tabelle im DIV-Container zentrieren HTML, Usability und Barrierefreiheit 1 21.04.2005 22:28
Sortieren anhand einer zweiten Tabelle PHP Tipps 2004 6 20.09.2004 09:03
Javascript HTML, Usability und Barrierefreiheit 5 31.08.2004 18:30
Javascript fehler bzw. CSS wird nicht angezeigt HTML, Usability und Barrierefreiheit 6 27.08.2004 22:46
PHP und JavaScript PHP Tipps 2004 0 11.08.2004 20:13
HILFE: Column count doesn't match value count at row 1 Datenbanken 17 12.06.2004 16:45

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
javascript set cell style, javascript nicht in tabelle, javascript cell, javascript wird nicht angezeigt none, javascript umformen, menu display:none, javascript tabellen class, js tabelle nicht angezeigt, tabelle jpg icon

Alle Zeitangaben in WEZ +2. Es ist jetzt 23:57 Uhr.

php.de - Das deutsche PHP-Forum - Kontakt - Impressum - Forenregeln - Archiv - Nach oben



Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.