anker aufrurfen

cargos · 25.11.2010, 09:21

hallo zusammen,

ich öffne mit dem unten stehenden code einen spoiler.
kann man damit auch gleichzeitig einen #anker aufrufen? (damit der aufgeklappte text direkt oben auf der seite steht)

Code:

<div class="spoiler">

<input type="image"  src="" onclick="showSpoiler(this);"  value="Share"/>
<div class="inner" style="display:none;">
</div>
</div>

Code:

    <script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
    </script>

würde mich über antworten freuen.
danke,
Cargos

ChrisB · 25.11.2010, 10:04

http://de.selfhtml.org/javascript/ob...ation.htm#hash

cargos · 27.11.2010, 06:01

hallo

danke für die antwort.
also wenn man es statisch in die function schreibt geht es jetzt:
window.location= #more;

allerdings muss man den anker namen dynamisch übergeben können.
wieso funktioniert das dann so nicht?

Code:

    <script type="text/javascript">
function showSpoiler(obj,myank)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
	window.location= eval("#"+myank);
	
    }
    </script>

aufruf:

Code:

<input type="image"  src="button.png
" onclick="showSpoiler(this,'network');"  width="40px" height="80px" value="Share"/>

grüße

ChrisB · 27.11.2010, 12:36

Zitat:

Zitat von cargos

allerdings muss man den anker namen dynamisch übergeben können.
wieso funktioniert das dann so nicht?

Weil "#network" keine gültige JavaScript-Anweisung ist - du es aber unsinniger Weise per eval „auszuführen“ versuchst.

Lass das eval weg, und weise nur das Ergebnis der Stringverkettung zu.

cargos · 28.11.2010, 04:42

der anker wird jetzt zwar richtig übergeben aber es wird nicht zum verknüpfungspunkt gesprungen.
woran kann das liegen?

nikosch · 28.11.2010, 04:46

Dass der Anker schon aktiv ist (Seite schon mit ANker aufgerufen)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
über submit auf anker springen	kyle2010	PHP Tipps 2010	4	23.04.2010 20:01
PHP + HTML Anker (Seitenreload) ???	buggybugga	PHP Tipps 2009	1	26.08.2009 17:38
Anker auch mit Formular-Containern?	xdpi	HTML, Usability und Barrierefreiheit	1	28.04.2009 10:03
Nachträglich Anker setzen?	ch.bielmeier	PHP Tipps 2009	1	10.04.2009 16:56
butoons mit anker	Mike123	PHP Tipps 2006	19	20.11.2006 16:28
anker problem	ApfeL	HTML, Usability und Barrierefreiheit	10	27.08.2006 18:57
Anker erstellen	fachinformatiker	HTML, Usability und Barrierefreiheit	5	17.05.2006 10:18
Anker bei Header("Location:script.php#anker5");	aktionkuba	PHP Tipps 2006	12	03.04.2006 18:26
sofort zu anker springen	stf.stream	HTML, Usability und Barrierefreiheit	6	05.06.2005 00:10
Variablen - Anker - Fitz	stf.stream	PHP Tipps 2005-2	1	04.06.2005 18:12
[Erledigt] geht das ? scroll + anker		HTML, Usability und Barrierefreiheit	0	22.02.2005 21:33
Anker Links parsen (RegEx)	Spyker	PHP Tipps 2005	1	31.01.2005 12:01
Anker in Frames		HTML, Usability und Barrierefreiheit	6	26.09.2004 17:39
form-button linkt zu einem Anker		HTML, Usability und Barrierefreiheit	19	12.06.2004 14:51

25.11.2010, 09:21
cargos Neuer Benutzer Registriert seit: 02.02.2010 Beiträge: 18 PHP-Kenntnisse: Anfänger	anker aufrurfen hallo zusammen, ich öffne mit dem unten stehenden code einen spoiler. kann man damit auch gleichzeitig einen #anker aufrufen? (damit der aufgeklappte text direkt oben auf der seite steht) Code: <div class="spoiler"> <input type="image" src="" onclick="showSpoiler(this);" value="Share"/> <div class="inner" style="display:none;"> </div> </div> Code: <script type="text/javascript"> function showSpoiler(obj) { var inner = obj.parentNode.getElementsByTagName("div")[0]; if (inner.style.display == "none") inner.style.display = ""; else inner.style.display = "none"; } </script> würde mich über antworten freuen. danke, Cargos


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.11.2010, 10:04
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	http://de.selfhtml.org/javascript/ob...ation.htm#hash __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

28.11.2010, 04:42
cargos Neuer Benutzer Registriert seit: 02.02.2010 Beiträge: 18 PHP-Kenntnisse: Anfänger	der anker wird jetzt zwar richtig übergeben aber es wird nicht zum verknüpfungspunkt gesprungen. woran kann das liegen?

28.11.2010, 04:46
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Dass der Anker schon aktiv ist (Seite schon mit ANker aufgerufen) __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --