Javascript im Hyperlink und scrollen in Tabelle

speer · 04.08.2009

Hallo zusammen, habe ein Problem mit Dreamweaver 8, naja, Problem ist gut, magelndes wissen in html beschreibt es wohl eher^^
Generell komme ich ganz gut klar nur manche Dinge durchschaue ich einfach nicht.
In DW8 gibt es eine Start-website Namens Individualtraining.

Dort steht im Hyperlink *javascript*. Warum? Wofür ist das gedacht? Ist es nur ein Platzhalter?

Dann würde ich noch gerne wissen, kann man in einer Tabelle scrollen? Das Tabellen-Feld mit dem Text soll senkrecht scrollbar werden, da ich dort noch mehr Text einfügen möchte.

Danke im Vorraus.

(

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Homepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="mm_training.css" type="text/css">
</head>
<body bgcolor="#64748B">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#26354A">
<td width="15" nowrap><img src="mm_spacer.gif" alt="" width="15" height="1" border="0"></td>
<td height="70" colspan="3" class="logo" nowrap>Name der Website einf&uuml;gen <span class="tagline">| OPTIONALE TAGLINE</span></td>
<td width="40">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>
 
<tr bgcolor="#FF6600">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="4" border="0"></td>
</tr>
 
<tr bgcolor="#D3DCE6">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0"></td>
</tr>
 
<tr bgcolor="#FFCC00">
<td width="15" nowrap>&nbsp;</td>
<td width="705" colspan="3" height="24">
<table border="0" cellpadding="0" cellspacing="0" id="navigation">
<tr>
<td class="navText" align="center" nowrap><a href="javascript:;">UNSERE TRAINER</a></td>
<td class="navText" align="center" nowrap><a href="javascript:;">DAS STUDIO</a></td>
<td class="navText" align="center" nowrap><a href="javascript:;">GRUPPENKURSE</a></td>
<td class="navText" align="center" nowrap><a href="javascript:;">AKTIVIT&Auml;TEN</a></td>
<td class="navText" align="center" nowrap><a href="javascript:;">KONTAKT</a></td>
</tr>
</table> </td>
<td width="40">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>
 
<tr bgcolor="#D3DCE6">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0"></td>
</tr>
 
<tr bgcolor="#FF6600">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="4" border="0"></td>
</tr>
 
<tr bgcolor="#D3DCE6">
<td width="230" colspan="2" valign="top" bgcolor="#26354A"><img src="mm_training_photo.jpg" alt="Home Page Image" width="230" height="286" border="0"><br>
<table border="0" cellspacing="0" cellpadding="0" width="230">
<tr>
<td width="230" class="sidebarText" id="padding"><a href="javascript:;">N&auml;chste Veranstaltung ></a><br>
Geben Sie hier eine kurze Beschreibung an.<br>
 
&nbsp;<br> </td>
</tr>
</table> </td>
<td width="50" valign="top"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0"></td>
<td width="440" valign="top"><br>
<br>
<table border="0" cellspacing="0" cellpadding="0" width="440">
<tr>
<td class="pageName"><p>Begr&uuml;&szlig;ungstext</p></td>
</tr>
 
<tr>
<td class="bodyText">
<p>Dieses Homepage-Layout ist ein idealer Ausgangspunkt f&uuml;r Ihre Website. Nahezu der gesamte Inhalt kann angepasst werden, einschlie&szlig;lich der Bilder, des Textes und der Hyperlinks. Sie k&ouml;nnen entscheiden, ob die vorhandenen Grafiken erhalten oder durch Ihre eigenen Bilder ersetzt werden sollen.</p>
 
<p>Der Text auf dieser Seite soll Ihnen als Starthilfe beim Design dienen, indem er beispielhafte typische Inhalte enth&auml;lt. Dieser Vorschlag schr&auml;nkt Sie aber nicht ein. Das gilt auch f&uuml;r die Hyperlinks. &Auml;ndern Sie diese Ihren Anforderungen entsprechend. Das Layout der Homepage kann f&uuml;r mehrere Seiten in der Site genutzt werden. Sie k&ouml;nnen aber auch die Layouts f&uuml;r Text-, Katalog-, Produkt- oder Kalenderseiten verwenden. Seien Sie kreativ und kombinieren Sie unterschiedliche Seitenlayouts, um Ihre Site m&ouml;glichst ansprechend zu gestalten. Wenn Sie Fragen zur Bearbeitung dieser Seiten mit Contribute haben, beachten Sie die im Download enthaltene ReadMe-Datei bzw. die Informationen im Hilfesystem von Contribute. Viel Spa&szlig; beim Erstellen einer gro&szlig;artigen Website!</p> </td>
</tr>
</table>
*<br>
&nbsp;<br> </td>
<td width="40">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>
 
<tr bgcolor="#D3DCE6">
<td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0"></td>
</tr>
 
<tr>
<td width="15">&nbsp;</td>
<td width="215">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="440">&nbsp;</td>
<td width="40">&nbsp;</td>
<td width="100%">&nbsp;</td>
</tr>
</table>
</body>
</html>
 
[html])

stroyer · 04.08.2009

AW: Javascript im Hyperlink und scrollen in Tabelle

Vorweg einmal gibt es hier im Forum übrigens HTML-Tags ([ HTML]...[ /HTML])
Wenn du die href="javascript:;" meinst: Die sind Platzhalter, dass man im a-Tag händisch noch ein onclick hinzufügen kann. Normalerweise verwendet man href="#", wobei dann der Browser nach oben springt.
Ganz korrekt wäre eigentlich href="javascript:void(0);".
Der Hintergrund ist, dass man ein Element hat, dass auf onclick oä reagiert aber dann eben nicht auf irgendeine andere Seite wechselt.
Vergleichen könntest du es gedanklich mit einem <a href="" onclick="javascript:alert('');">

Bezüglich scroll: einfach die Zelle auf eine fixe Höhe einstellen (CSS) und dann overflow:scroll; setzen. Im IE kann man overflow-x und overflow-y getrennt setzen.

speer · 04.08.2009

AW: Javascript im Hyperlink und scrollen in Tabelle

Danke für die Hilfe.

stroyer schrieb:
Vorweg einmal gibt es hier im Forum übrigens HTML-Tags ([ HTML]...[ /HTML])

Was meinst Du damit?

Mit dem Scrollen werd ich mal versuchen ob ich das hinbekomme, wie gesagt, kenne ich mich damit auch net soo gut aus^^

Shuilar · 04.08.2009

AW: Javascript im Hyperlink und scrollen in Tabelle

er meint, dass wenn Du das HTML in Klammern um Deinen Quelltext macht, dass es passend formatiert wird.

s.u. und DANKE .... hab ich auch schon wieder was gelernt hier

HTML:

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

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="overflow" />

    <title>Ohne Titel 1</title>
</head>

<body>



</body>
</html>

ypsiw · 04.08.2009

AW: Javascript im Hyperlink und scrollen in Tabelle

Nur zur Ergänzung, solch ein Link ist ebenfalls möglich:

Code:

<a href="javascript:meineFunktion()">Klick hier</a>

Es muss also nicht immer ein onClick o.ä. mit in dem <a> sein.

stroyer · 04.08.2009

AW: Javascript im Hyperlink und scrollen in Tabelle

onClick ist aber empfehlenswerter.

speer · 05.08.2009

AW: Javascript im Hyperlink und scrollen in Tabelle

Shuilar schrieb:
er meint, dass wenn Du das HTML in Klammern um Deinen Quelltext macht, dass es passend formatiert wird.

s.u. und DANKE .... hab ich auch schon wieder was gelernt hier

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="overflow" /> <title>Ohne Titel 1</title> </head> <body> </body> </html>

Irgendwie funktioniert es nicht^^

Das scrollen habe ich so halbwegs hinbekommen. Es werden mir Scrollbalken angezeigt, aber trotz festgestellter Höhe bleibt die Tabelle nicht auf dem eingestellten Wert wenn ich einen längeren Text eingebe.

Noch ne Frage:

Wie muss ich die Tabelle mit dem Menü ändern, das Sie mir senkrecht angezeigt wird? kann ich die in Die tabelle mit dem Bild einbauen, so das das bild noch Transparent erscheint?

stroyer · 05.08.2009

AW: Javascript im Hyperlink und scrollen in Tabelle

einfach überall ein </tr><tr> einfügen:

HTML:

<table border="0" cellpadding="0" cellspacing="0" id="navigation">
<tr>
<td class="navText" align="center" nowrap><a href="javascript:;">UNSERE  TRAINER</a></td></tr><tr>
<td class="navText" align="center" nowrap><a href="javascript:;">DAS  STUDIO</a></td></tr><tr>
<td class="navText" align="center" nowrap><a href="javascript:;">GRUPPENKURSE</a></td></tr><tr>
<td class="navText" align="center" nowrap><a href="javascript:;">AKTIVIT&Auml;TEN</a></td></tr><tr>
<td class="navText" align="center" nowrap><a href="javascript:;">KONTAKT</a></td>
</tr>
</table>

Bezüglich Scrollbalken, probier mal position:absolute;

Welches Bild meinst du?
Hast du die Seite irgendwo online?