Fehlersuche und Kleinkram-Fragen Sammelthread

Elke2002 · 24. Mai 2007

Hallo,

da ich zwei kleine Fragen habe, die nirgends so richtig reinpassen, eröffnet ich mal diesen Sammelthread...

1. Frage:
Ist es möglich, einen Anker dazu zu zwingen, automatisch immer neu zu laden?
Ich möchte also, dass beim Anklicken des Anker-Links nicht nur (auf der selben Seite!) nach oben gesprungen wird, sondern die gesamte Seite auch noch neu lädt.

2. Fehlersuche:
Ich bastele gerade an einer Navigation für meine Unterseiten. Dies hier wäre mein Favorit: http://www.abo-finden.de/Head3.html
Habe es gerade mit allen Browsern getestet, und Opera macht Probleme:
Wenn ich mit dem Cursor über den dunkelblauen Balken (oben zwischen dem hellblauen und dem weißen Bereich) fahre, 'springt' der Bereich, und die dunkelblaue Linie wird dicker/auseinandergezogen.
Kann mir jemand sagen, woran das liegt?

Hier der Quelltext:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type"> <meta
 http-equiv="Content-Language" content="de"> <meta
 http-equiv="Content-Type"
 content="text/html; charset=windows-1252"><title>Abo-Bar:
Zeitschriften-Abos gratis Preisvergleich</title> <style
 type="text/css">
#tr {
background: #FFFFFF;
}
#tr:hover {
background: #eaeefe;
cursor: default;
}
<!--
.menu_normal
{
border: 0px solid #;
padding: 4px;
}
.menu_over
{
border: 0px solid #;
padding: 4px;
}
body { background-color:#000000; }
A.navi { font-family:Arial, Helvetica, sans-serif; color: #2400b3; font-size: 16pt; font-weight:bold; font-style:bold; text-decoration: none}A:hover.navi { color: #ff0051;text-decoration: underline }
A.navi1 { font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11pt; text-decoration: none}A:hover.navi1 { color: #ff0051 }
A.navi2 { font-family:Arial, Helvetica, sans-serif; color: #2400B3; text-decoration: none}
A.navi3 { font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11pt; text-decoration: none}
A.navi4 { font-family:Arial, Helvetica, sans-serif; color: #520F9D; font-size: 8pt; text-decoration: none}A:hover.navi4 { color: #ff0051 }
-->
</style>
<link rel="shortcut icon" href="/favi_bar.ico"
 type="image/x-icon"><style type="text/javascript"><script
language="JavaScript">
<!--
button1= new Image();
button1.src = "abobar_logo.gif"
button2= new Image();
button2.src = "abobar_logo_rot.gif"
//--></style></head><body
 style="color: rgb(0, 0, 0); background-color: rgb(82, 15, 157);"
 alink="#ff0051" link="#2400b3" vlink="#520f9d"><center><table
 style="border-style: none; font-family: Arial; color: rgb(0, 0, 0); vertical-align: middle; width: 776px; height: 100%; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="4" cellspacing="6"> <tbody
 style="text-align: center;"> <tr
 style="border-style: none; border-width: 0px; font-weight: bold;"><td
 style="vertical-align: top; text-align: center; background-color: rgb(178, 175, 247);"
 class="menu_normal" onmouseover="className='menu_over'"
 onmouseout="className='menu_normal'">
<table
 style="border-style: none; border-width: 0px; width: 100%; height: 100%; text-align: center; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0"><tbody><tr><td
 style="text-align: left;"><a class="navi4"
 href="http://www.abo-bar.de" target="">Unterseite</a><br><a
 class="navi4" href="http://www.abo-bar.de" target="">Unterseite</a><br><a
 class="navi4" href="http://www.abo-bar.de" target="">Unterseite</a><br><a
 class="navi4" href="http://www.abo-bar.de" target="">Unterseite</a><br></td><td
 style="text-align: center;"><a
 href="http://www.abo-bar.de"
 onmouseover="austausch1.src='abobar_logo_rot.gif';"
 onmouseout="austausch1.src='abobar_logo.gif';"><img
 style="border: 0px solid ; width: 342px; height: 63px;"
 alt="zeitschriftenabos" src="abobar_logo.gif"
 name="austausch1" vspace="3"></a></td><td
 style="text-align: right;"><a class="navi4"
 href="http://www.abo-bar.de" target="">Unterseite</a><br><a
 class="navi4" href="http://www.abo-bar.de" target="">Unterseite</a><br><a
 class="navi4" href="http://www.abo-bar.de" target="">Unterseite</a><br><a
 class="navi4" href="http://www.abo-bar.de" target="">Unterseite</a><br></td></tr><tr
 align="center"><td colspan="1" rowspan="1"></td><td
 colspan="1"><span
 style="font-family: Arial,Helvetica,sans-serif; font-size: 16pt; color: rgb(255, 255, 255); font-weight: bold;">&Uuml;berschrift...<br>
</span><span
 style="font-family: Arial,Helvetica,sans-serif; font-size: 16pt; color: rgb(255, 255, 255); font-weight: normal;">Beschreibung...:</span>
</td><td></td></tr></tbody></table></td></tr><tr
 style="border-style: none; border-width: 0px;"><td
 style="text-align: left; background-color: rgb(255, 255, 255);"
 class="menu_normal" onmouseover="className='menu_over'"
 onmouseout="className='menu_normal'"><br>TEXT TEXT TEXT<br><br><br><br>TEXT
TEXT TEXT<br><br><br><br>TEXT TEXT TEXT<br><br><br><br>TEXT
TEXT TEXT<br><br><br><br>TEXT
TEXT TEXT<br><br><br><br>TEXT
TEXT TEXT<br><br>
</td> </tr> <tr
 style="border-style: none; border-width: 0px; color: rgb(255, 255, 255);"><td
 style="vertical-align: top; height: 36px; text-align: center; background-color: rgb(178, 175, 247);"
 class="menu_normal" onmouseover="className='menu_over'"
 onmouseout="className='menu_normal'"> <div
 style="text-align: center;"><a class="navi3"
 href="http://www.abo-finden.de/Impressum.html" target="">Impressum</a>&nbsp;&nbsp;&nbsp;
<a class="navi1" href="http://www.abo-bar.de" target="">Zur&uuml;ck
zur Startseite</a>&nbsp;&nbsp;&nbsp;&nbsp;<span
 style="font-family: Arial,Helvetica,sans-serif; font-size: 8pt; font-style: italic;">Alle
Angaben ohne Gew&auml;hr. &nbsp;Copyright &copy; 2006-2007
Abo-finden u. Abo-Bar.de by EW.</span><br> </div> </td>
</tr> </tbody></table></center></body></html>

Alles anzeigen

Danke schon mal!
Elke

Ray · 24. Mai 2007

Hallo Elke,

zu Frage 1:

Geht nicht:

PHP

<a href="link.html#ankername>Link</a>

(link.html ist dabei die Seite, auf der Du Dich gerade befindest).
?

Zu Frage 2:

Der Quelltext ist *hust* 'ne Katastrophe... Vor allem macht man kein Tabellen-Layout mehr.

Der Fehler liegt hierdran:

PHP

onmouseover="className='menu_over'"
 onmouseout="className='menu_normal'

Das gibt's einmal oben und einmal unten. Frag mich nicht, wie man den korrigiert

Elke2002 · 24. Mai 2007

Hallo Ray,

Zitat

Original geschrieben von Ray
zu Frage 1:
Geht nicht

Mist! Schade, aber hatte ich befürchtet.

Zitat

Zu Frage 2:

Der Quelltext ist *hust* 'ne Katastrophe... Vor allem macht man kein Tabellen-Layout mehr.

Naja, aber er funktioniert doch?!

Zitat
Der Fehler liegt hierdran:
PHP
onmouseover="className='menu_over'"
 onmouseout="className='menu_normal'
Das gibt's einmal oben und einmal unten. Frag mich nicht, wie man den korrigiert

Hey, supi, das war's schon! :top:
Habe die Dinger einfach an den Stellen rausgeschmissen, wo sie eh überflüssig waren, und es funktioniert nun einwandfrei - mit allen 3 Browsern! :cool:

DANKE!

Ray · 24. Mai 2007

Zitat

Original geschrieben von Elke2002

Mist! Schade, aber hatte ich befürchtet.

Äh, das war keine Aussage von mir, sondern eine Frage (hier: Aufforderung ) das mal so zu testen Deswegen auch etwas tiefer das Fragezeichen

Elke2002 · 24. Mai 2007

Auch so! - Sorry, das Fragezeichen wusste ich nicht zuzuordnen...
Nee, so, wie Du es geschrieben hast, habe ich es längst ausprobiert. Da 'flippst' man nur nach oben (oder unten), aber die Seite wird leider nicht neu geladen.

Ray · 24. Mai 2007

Und wenn Du den absoluten Pfad nimmst?

PHP

<a href="http://www.meineseite.de/link.html#ankername>Link</a>

Elke2002 · 24. Mai 2007

Habe ich auch schon probiert. - Nur ohne "#anker" lädt die Seite neu (kann also nicht an meinen Browsereinstellungen liegen). :-/

symbian · 25. Mai 2007

Klar geht das mit dem anker, per javascript kein problem. mach einfach ein onclick oder onmousedown event mit rein, fertig.

Elke2002 · 25. Mai 2007

~~Naja, aber es sollte auch bei den Leuten funktionieren, die Javascript deaktiviert haben... Das Reloaden erfüllt eine wichtige Funktion auf der Seite (Tabellensortierung wieder herstellen).~~

EDIT: Ich nehme alles zurück!

Da die Tabellensortierung ja auch nur per Javascript funktioniert, macht es auch Sinn, die Rücksortierung per Js zu realisieren.
Nur: Kannst Du mir einen genaueren Hinweis geben, wie ich das mit onclick oder onmousedown event am besten bewerkstellige?

Danke!
Elke

Elke2002 · 5. Juni 2007

Update:

Ich habe jetzt folgenden Link eingebaut:

PHP

<a href="http://www.abo-finden.de/Zeitschriften_Hits.html#abo"
 onclick="window.location.reload();return false;">Thema</a>

Er funktioniert auch prima mit FF und Opera, nur mit dem IE lädt die Seite zwar neu, aber sie springt dann ganz noch oben (und bleibt nicht an der Stelle, wo der Anker ist). - Wer kann mir noch einen Tipp geben?

Fehlersuche und Kleinkram-Fragen Sammelthread

Jetzt mitmachen!

Teilen