• 13.06.2025, 07:49
  • Register
  • Login

  • You are not logged in.

 

HTML: mehrere Anker in Div-Bereichen anspringbar?

DUI

Senior Member

HTML: mehrere Anker in Div-Bereichen anspringbar?

Saturday, August 26th 2006, 11:43pm

Hallo zusammen,

ich stehe mal wieder vor einem (zumindest für mich) kniffligen Problem:

Auf meiner Webseite habe ich zwei Div-Bereiche mit overflow:auto (d. h. bei übergroßem Inhalt werden Scrollbalken eingeblendet), in denen jeweils ein Anker gesetzt ist.

Ich möchte nun, dass nach einem Klick auf einen Link die Anker in beiden Div-Bereichen angesprungen werden.
Bei einem Anker ist das natürlich kein Problem, aber leider funktioniert mein abenteuerlicher Versuch <a href="#anker_div1#anker_div2> nicht... ::)

Jetzt meine Frage: gibt es eine Möglichkeit (per HTML, Javascript oder was auch immer), mehrere Anker in unterschiedlichen Div-Bereichen gleichzeitig anzuspringen?

Grüße
DUI

Y0Gi

God

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Sunday, August 27th 2006, 12:08am

Du könntest über den Link JavaScript ausführen, dass zweimal location.href='#blah'; verwendet. Könnte klappen.
This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

DUI

Senior Member

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Sunday, August 27th 2006, 12:38am

Ich werde es damit morgen mal testen!

Nachtrag: konnte es doch nicht aushalten und musste es gleich testen. Ergebnis: funktioniert perfekt - vielen Dank! :-*

Y0Gi

God

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Sunday, August 27th 2006, 1:46am

Bitte. Hau doch den Code hier eben rein.
This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

DUI

Senior Member

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Sunday, August 27th 2006, 3:57pm

Klaro, kein Problem. Was den JavaScript-Code betrifft, kann ich Dir nichts hinzufügen, aber vielleicht wird so der Gesamtzusammenhang klarer:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<html>
<head>
</head>
<body>

<div style="overflow:auto; height:25px;>
  Link1
  Link2
  <a href="url" name="anchor1">
  Link3
  </a>
  Link4
</div>

<div style="overflow:auto; height:25px;>
  Link1
  Link2
  Link3
  <a href="url" name="anchor2">
  Link4
  </a>
</div>


<!-- Anspringen der Anker in den unterschiedlichen Div-Bereichen -->
<script type="text/javascript">
location.href='#anchor1';
location.href='#anchor2';
</script>

</body>
</html>


Das Beispiel zeigt zwei Div-Bereiche, die unterschiedliche Links als Inhalt haben. Das JavaScript sorgt nun dafür, dass die beiden gesetzten Anker unabhängig voneinander angesprungen und die jeweiligen Links im (hier einzeiligen) Div-Bereich angezeigt werden.
Mit statischen Ankern wie im Beispiel macht das ganze aber natürlich keinen wirklichen Sinn. :)

Ich bin von der Einfachheit Deiner Lösung jedenfalls extrem begeistert!

TrOuble

God

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Sunday, August 27th 2006, 4:33pm

Das JS gehört in den Head ;)

Y0Gi

God

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Sunday, August 27th 2006, 10:37pm

Nö. Wenn, dann in eine externe Datei, aber es handelt sich hier um Demonstrationszwecke :)
This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

TrOuble

God

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Sunday, August 27th 2006, 11:36pm

Die dann trotzdem wieder im Head eingebunden wird ... ;) :P

Chrizzz

Senior Member

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Monday, August 28th 2006, 12:37am

Quoted from "TrOuble"

Die dann trotzdem wieder im Head eingebunden wird ... ;) :P

Wenn es im Head stehen WÜRDE, dann WÜRDE es nicht funktionieren, da zu diesem Zeitpunkt die beiden Anker noch unbekannt sind.
Signatur out of date...

Y0Gi

God

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Monday, August 28th 2006, 1:41am

Quoted from "TrOuble"

Die dann trotzdem wieder im Head eingebunden wird ... ;) :P

Nein :)
This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

DUI

Senior Member

Re: HTML: mehrere Anker in Div-Bereichen anspringb

Tuesday, August 29th 2006, 10:51pm

ein ganz gemeines Problem, an dem ich jetzt schon eine halbe Stunde sitze und trotz maßig Suchtreffern keine Lösung gefunden habe:

Wie schafft man es, per fputs oder fwrite einen Zeilenumbruch in eine (Windows-)Textdatei zu bekommen?

Source code

 
1
2
3
4
5
6

$xml_file = fopen("xml-documents/sequence.txt","w+");
$umbruch = '\r\n';
fputs($xml_file, 'text1');
fputs($xml_file, $umbruch);
fputs($xml_file, 'text2');
fclose($xml_file);

Diese Lösung scheint vielen in 2002-2003 geholfen zu haben. Aber mittlerweile klappt sie wohl nicht mehr (zumindest bei mir nicht)...

Nachtrag: nun hat es doch noch geklappt. das "\r\n" muss wohl zwingend in " " und nicht ' ' eingebunden sein...