Zur Navigation

javascript

seitenöffnung

1 atlanter

Hallo
wie kann ich durch anklicken eines Links erreichen, das sich die Seite langsam öffnet, oder sich von links nach rechts scrollt.

Danke im voraus

28.10.2014 16:34

2 Jörg

Ich würde schauen, ob sich ein jquery Slide- oder Cycle-Plugin findet, welches externe Seiten mit Effekten laden kann.

Über die Suchmaschine findet man z.B. dieses:

https://github.com/nicoss01/jQuery-Plugin-Slide-Page

28.10.2014 17:56

1 Forenmitglied fand diesen Beitrag gut

3 atlanter

danke, werds versuchen

28.10.2014 18:32

4 atlanter

hmmmmmm klappt nicht, keine ahnung warum

28.10.2014 18:58

5 Jörg

Um dir weiterhelfen zu können, wäre es hilfreich, wenn du die Seite verlinkst, auf der du das Plugin eingebaut hast.

Falls das nicht möglich ist, kannst du auch den (relevanten) Code hier posten, mit dem man das Problem nachstellen kann. Von Interesse sind dabei auch Fehlermeldungen, die die JavaScript-Konsole deines Browsers ausgibt.

28.10.2014 21:29

6 atlanter

danke für deine antwort,

hier die seite


<! 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" >
<META NAME="Titel" CONTENT="Atlanter`s Seiten">
<META NAME="Author" CONTENT="Atlanter">
<META NAME="Publisher" CONTENT="Atlanter">
<META NAME="Copyright" CONTENT="Atlanter">
<META NAME="Revisit" CONTENT="after 3 days">
<META NAME="Keywords" CONTENT="Fantasy, Stationery, Websets, Template, Downloads, Lernseiten, Allerlei,">
<META NAME="Description" CONTENT="die etwas andere hp">
<META NAME="page-topic" CONTENT="Wirtschaft">
<META NAME="audience" CONTENT=" Alle ">
<META NAME="Robots" CONTENT="INDEX,FOLLOW">
<META NAME="Language" CONTENT="Deutsch">
<META http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<META http-equiv="content-type" content="text/html; charset=utf-8" />
<Head>

<Title> Seite 1 :: Slide Seite jQuery Plugin </ title>
<Script type = "text / javascript" src = "http://code.jquery.com/jquery-1.7.1.min.js" > </ script>
<script type= "text/javascript" src= "https://raw.github.com/nicoss01/jQuery-Plugin-Slide-Page/master/slidePage.jquery.js" ></script>
<Script type = "text / javascript" >
$ ( Dokument ). bereit ( Funktion ( e ) {
$ ( "a" ). slidePage ({ Richtung : "links" });
});
</ Script>

<style type="text/css"> body {scrollbar-face-color: #2d404b;
scrollbar-highlight-color: #54636c;
scrollbar-shadow-color: #54636c;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color:#000000;
scrollbar-arrow-color: #54636c;
}
A {COLOR:#9baab3; TEXT-DECORATION:none}
A:hover { COLOR:#9b8367; TEXT-DECORATION:none; border-bottom-style:dotted;
border-bottom-width:1 px;
border-top-style:dotted;
border-top-width:1 px;
background:"#000000";
}</style>
<Script type = "text / javascript" src = "http://code.jquery.com/jquery-1.7.1.min.js"> </ script>
<Script type = "text / javascript" src = "slidePage.jquery.js"> </ script>
</head>
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false"
<body="" topmargin="0" text="#9BAAB3" bgcolor="#463E63" link="#9BAAB3" vlink="#FFFFFF" alink="#1B3949" background="bilderwebsets/eingwebsetsbg.jpg">
<A href = "eingdownloads.html" > <font color="#000000">eingdownloads</font> </a>

29.10.2014 08:50 | geändert: 29.10.2014 08:51

7 Jörg

Der HTML-Code hat schwerwiegende Fehler - die sollten erstmal beseitigt werden, denn ansonsten kann auch das JavaScript nicht korrekt funktionieren.

Hier ein Link zum Grundaufbau eines HTML-Dokuments:

http://wiki.selfhtml.org/wiki/HTML/Dokumentstruktur_und_Aufbau

Als Doctype-Angabe würde ich für den Anfang HTML 4.01 Transitional verwenden, das ist am einfachsten für dich:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 

Bitte exakt so einfügen! deine aktuelle Doctype-Angabe ist z.B. ungültig, weil du Leerzeichen an die falsche Stelle gesetzt hast.

Dann würde ich grundsätzlich alle Tags kleinschreiben - also <html>, <head>, <meta ...> etc.

Die Meta-Angaben gehören zwischen <head> und </head>

Der folgende Code-Abschnitt ist fehlerhaft, da es nur einen <body> geben kann:

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false"
<body="" topmargin="0" text="#9BAAB3" bgcolor="#463E63" link="#9BAAB3" vlink="#FFFFFF" alink="#1B3949" background="bilderwebsets/eingwebsetsbg.jpg">

... und am Ende müssen <body> und <html> auch wieder geschlossen werden

Erst wenn das HTML-Grundgerüst stimmt, kann sich jquery sich darin "zurechtfinden"

29.10.2014 11:18 | geändert: 29.10.2014 11:20

1 Forenmitglied fand diesen Beitrag gut

8 atlanter

danke, bin eben noch ein Anfänger, aber lernwillig

gruß atlanter

29.10.2014 12:52

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]