php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 09-12-2007, 12:16
Dulla_Po
 Member
Links : Onlinestatus : Dulla_Po ist offline
Registriert seit: Aug 2006
Ort: Berlin
Beiträge: 237
Dulla_Po ist zur Zeit noch ein unbeschriebenes Blatt
Standard Fenster zu Anker scrollen lassen

Hi, ich habe folgenden Link:
PHP-Code:
<a href="#addcomment" onclick="hideshow('addcomment', 1);"
Die JS - Funktion sieht so aus:
PHP-Code:
function hideshow(id,sec)
{
    if (
document.getElementById(id).style.display == 'none')
        new 
Effect.Appear(id,{duration:secfrom:0to:1});    
    else
        new 
Effect.Fade(id,{duration:secfrom:1to:0});

Für die Effekte benutze ich scriptaculous.

Wenn man nun auf den Link klickt soll das Fenster zum Anker springen und der div sollte erscheinen.
Das Problem ist, dass das Fenster einfach den Anker zu ignorieren scheint.
Seltsamerweise springt es jedoch zu ihm wenn man ein zweites mal auf den Link klickt und der div wieder verschwindet, so als würde Effect.Appear den Anker blocken.
Kennt ihr vielleicht noch eine andere Methode um zum Element zu springen?

Ein Formularelement per focus() fokussieren hat nichts gebracht und ich kann scrrollTo() nicht benutzen da die Höhe variabel ist.

Vielen Dank im Vorraus
Dulla_Po
Mit Zitat antworten
  #2 (permalink)  
Alt 09-12-2007, 13:18
Benutzerbild von onemorenerd onemorenerd
  Moderator
Links : Onlinestatus : onemorenerd ist offline
Registriert seit: Mar 2005
Ort: Berlin
Beiträge: 9.471
onemorenerd wird schon bald berühmt werdenonemorenerd wird schon bald berühmt werden
Standard

Es kann angesprungen werden, was auch sichtbar ist. Wenn das <a name="addcomment" /> oder ein Parent davon display:none gesetzt ist, weiß der Browser nicht, wo er hinspringen soll.

Teste mal dieses Beispiel - der einzige Unterschied zw. #foo und #bar ist ihr display-Wert.
Code:
<html>
<head><title>foo bar</title></head>
<body>
<p style="margin-bottom:200em;">
	<a name="top" />
	<a href="#foo">foo</a>
	<a href="#bar">bar</a>
</p>
<div style="display:block;">
	<a name="foo" />
	<a href="#top">top</a>
</div>
<div style="display:none;">
	<a name="bar" />
	<a href="#top">top</a>
</div>
</body>
</html>
Wenn dein Problem auch damit zusammenhängt, ist die Lösung einfach. Aus

<div id="addcomment"><a name="addcomment" />...</div>

mach

<a name="addcomment" /><div id="addcomment">...</div>
Mit Zitat antworten
  #3 (permalink)  
Alt 10-12-2007, 18:10
Dulla_Po
 Member
Links : Onlinestatus : Dulla_Po ist offline
Registriert seit: Aug 2006
Ort: Berlin
Beiträge: 237
Dulla_Po ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Ja, hatte an dem display Wert gelegen!
Vielen Dank!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

Maqetta Open Source  HTML5-Editor ansehen Maqetta Open Source HTML5-Editor

Einen WYSIWYG-Editor zur visuellen Erstellung von Userinterfaces in HTML5 (Drag-and-Drop)

13.05.2019 Berni | Kategorie: HTML5/ EDITOR
NodeBB

NodeBB ist eine Foren-Software auf NodeJS-Basis

13.05.2019 Berni | Kategorie: PHP/ Forum PHP Software
EJS TreeGrid ansehen EJS TreeGrid

EJS TreeGrid is DHTML component written in pure JavaScript to display and edit data in table, grid, tree view or grid with tree on HTML page

09.04.2019 coqsoft@ | Kategorie: JAVASCRIPT/ Components
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 04:31 Uhr.