ID eines bestimmten TR abfragen

messmar · 20. März 2006

Hallo,

ich habe eine Tabelle mit Navigation.
Der erste TR (Table row) beinhaltet das Logo und die nachfolgenden
TRs beinhalten die Links für die Navigation.

Ich habe allerdings eine rote Trennlinie zwischen die Navigationsblöcke (zwei oder drei Links).

D.h. nach jedem Navigationsblock (Zwei oder drei oder sogar vier Links) kommt eine rote Trennlinie. Diese Trennlinie muss aber hidden sein bzw. nicht sichtbar sein, wenn der Linksblock direkt nach oder unter dem Logo kommt.

Wie könnte man sowas mit JScript hinbekommen?

Ich habe mir überlegt, den TR wo das Logo eingebunden ist eine ID zu geben und dann nach dieser id abzufragen und mit Document.write() oder CSS-Eigenschaft display:hidden; bzw. display:visible; das ganze zu fixieren.

Wäre das eine Lösung? Wenn ja, wäre ich sehr Dankbar wenn Jemand mir den Knackpunkt für das Abfragen der TR-ID wo das Logo eingebunden ist, irgendwie leichter machen würde.

und Noch zur Korrekturr:

Ich will Abfragen, ob ein TR genau nach einem bestimmten TR, der eine bestimmte ID hat, kommt.

Anders gesagt, ob der TR davor, der TR mit dem Logo ist oder nicht?

Der Grund für das Ganze, ist dass die Navi und die Trennlinie dynamisch und nicht statisch erzeugen werden.

Vielen Dank und Gruß
Messmar

Gumbo · 20. März 2006

Könntest du dein Anliegen bitte durch ein Beispiel verdeutlichen?

messmar · 20. März 2006

Das ist das Beispeil oder der Code:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head><title>Untitled</title></head>
    <body text="#000000">
        <table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
            <tr>
		<td width="1" height="100%" bgcolor="#ffffff"><img src="blank.gif" alt="" width="1" height="100%" border="0"></td>
		<td width="155"></td>
		<td align="right"></td>
		<td width="1" height="100%" bgcolor="#ffffff"><img src="blank.gif" alt="" width="1" height="100%" border="0"></td>
	   </tr>
	   <tr bgcolor="#ffffff">
                <td width="1" height="100%" bgcolor="#ff0000"><img src="pixel_red.gif" alt="" width="1" height="100%" border="0"></td>
				<!-- TOC anfang -->
                <td width="155" valign="top" bgcolor="#e8ebf0">
                    <table width="155" border="0" cellspacing="0" cellpadding="0" id="tableTest">
                        <tr bgcolor="#ff0000" id="TableTrLogo"><td width="155" valign="top"><img src="logo.gif" alt="" width="151" height="84" border="0"></td></tr>
						<script type="text/javascript" language="JavaScript"> 
						<!--
							
							if(document.getElementById("tableTest").firstChild.data == "TableTrLogo"); 
							{
							
							document.write("<tr><td align='center' colspan='3'>");
							document.write("<img src='http://pics.domeus.com/sparkasse/nbg/new/left_nav_line.gif' width='141' height='1' border='0'></td></tr>");
							} 
							else 
							{
							
							document.write("<tr><td align='center' colspan='3'>");
							document.write("<img src='http://pics.domeus.com/sparkasse/nbg/new/blank.gif' width='141' height='1' border='0'></td></tr>");
							}
						//-->
						</script>
                        <tr><td align="center" colspan="3"><img src="left_nav_line.gif" alt="" width="141" height="1" border="0"></td></tr>
                        <!-- ################## Erster Block Navi ################### -->
                        <tr>
                            <td  colspan="3">
				<a href="#235" style="text-decoration:none;">
					<font style="font-family:arial; font-size:12px; color:#000000;">
                                        <strong>News</strong></font>
				</a>
			    </td>
                        </tr>
			<tr>
                      	    <td colspan="3">
				 <img src="pfeil_space.gif" alt="" width="19" height="9" border="0">
				     <a href="#236" style="text-decoration:none;">
					<font style="font-family:arial; font-size: 12px; color:#000000;"> 
                                              Hier die Überschrift 1
                                        </font>
				     </a>
			     </td>
                        </tr>
                        <tr><td colspan="3"><img src="blank.gif" alt="" width="1" height="4" border="0"></td></tr>
			<tr>
                            <td colspan="3">
				<img src="pfeil_space.gif" alt="" width="19" height="9" border="0">
				    <a href="#242" style="text-decoration:none;">
					<font style="font-family:arial; font-size: 12px; color:#000000;"> 
                                            Hier die Überschrift 2
                                        </font>
				   </a>
			     </td>
                        </tr>
                        <tr><td colspan="3"><img src="blank.gif" alt="" width="1" height="4" border="0"></td></tr>
			<tr>
                             <td align="center" colspan="3">
                                    <img src="left_nav_line.gif" alt="" width="141" height="1" border="0">
                             </td>
                        </tr>
                        <!-- ################## Erster Block Navi ################### -->
                        <tr><td colspan="3"><img src="blank.gif" alt="" width="1" height="12" border="0"></td></tr>
                        <tr>
			     <td width="151" colspan="3">
				<a href="#243" style="text-decoration:none;">
				    <font style="font-family:arial; font-size:12px; color:#000000;">
                                        <strong>Sport</strong>
                                    </font>
			        </a>
			    </td>
			</tr>
			<tr>
			     <td colspan="3">
				 <img src="pfeil_space.gif" alt="" width="19" height="9" border="0">
					<a href="#248" style="text-decoration:none;">
						<font style="font-family:arial; font-size: 12px; color:#000000;">
                                                     Hier Überschrift 2 01
                                                </font>
				        </a>
			    </td>
			</tr>
                        <tr><td colspan="3"><img src="blank.gif" alt="" width="1" height="4" border="0"></td></tr>
			<tr>
                            <td colspan="3">
				<img src="pfeil_space.gif" alt="" width="19" height="9" border="0">
					<a href="#249" style="text-decoration:none;">
						<font style="font-family:arial; font-size: 12px; color:#000000;">   
                                                       Überschrift 2 02
                                                </font>
					</a>
			    </td>
			</tr>
                        <tr><td colspan="3"><img src="blank.gif" alt="" width="1" height="4" border="0"></td></tr>
						
                        <tr>
                             <td align="center" colspan="3">
                                  <img src="left_nav_line.gif" alt="" width="141" height="1" border="0">
                            </td>
                        </tr>
                                  <!-- ################## Erster Block Navi ################### -->
                        <tr><td colspan="3"><img src="blank.gif" alt="" width="1" height="12" border="0"></td></tr>
                        <tr>
      			     <td colspan="3">
				<a href="#278" style="text-decoration:none;">
					<font style="font-family:arial; font-size:12px; color:#000000;">
                                               <strong>Reisen</strong>
                                        </font>
				</a>
			     </td>
                   	</tr>
			<tr>
                        	<td colspan="3">
				     <img src="pfeil_space.gif" alt="" width="19" height="9" border="0">
					 <a href="#280" style="text-decoration:none;">
						<font style="font-family:arial; font-size: 12px; color:#000000;"> 
                                                      Überschrift 02
                                                </font>
					</a>
				</td>
                        </tr>
                        <tr><td colspan="3"><img src="blank.gif" alt="" width="1" height="4" border="0"></td></tr>
		   </table>
	        </td>
	    </tr>
        </table>
    </body>
</html>

und die Gifs oder Grafik sind als Anhang dabei.
Ich habe im code ein Javascript-Lösungsversuch auch dabei, aber es zeigt eine Fehlermeldung an.

Vielen Dank undGruß
Messmar

deepthroat · 21. März 2006

Hi.

messmar hat gesagt.:
Code:

if(document.getElementById("tableTest").firstChild.data == "TableTrLogo"); {

Erstmal darf hinter die schließende Klammer kein Semikolon und warum vergleichst du die data Eigenschaft wenn du angeblich die ID prüfen willst?

Code:

if(document.getElementById("tableTest").firstChild.id == "TableTrLogo") {

Aber warum willst du das überhaupt so machen? Wenn du die Seite per Hand editierst, dann solltest du einfach die Linie nicht einfügen und wenn das generiert wird, dann im Grunde genauso.

Gruß

ID eines bestimmten TR abfragen

messmar

Erfahrenes Mitglied

Gumbo

Erfahrenes Mitglied

messmar

Erfahrenes Mitglied

Anhänge

deepthroat

Erfahrenes Mitglied

Neue Beiträge