mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 04:17 Benutzername: Passwort: Auto-Login

Thema: java-script-tag für horizontales Scrollen vom 26.08.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> java-script-tag für horizontales Scrollen
Seite: 1, 2  Weiter
Autor Nachricht
Mrs.tinchen
Threadersteller

Dabei seit: 10.07.2003
Ort: -
Alter: 30
Geschlecht: Weiblich
Verfasst Do 26.08.2004 16:22
Titel

java-script-tag für horizontales Scrollen

Antworten mit Zitat Zum Seitenanfang

Hallo:

Ich habe folgendes Problem: Ich hab mir von so nem Forum diesen Java-Script-Tag geholt um eine Bilderleister horizontal zu scrollen:

head:
Code:

<script language="JavaScript">
a=300;
function scrollIt() {
document.getElementById('innen').style.left=a;
a-=5;
if(a<=-200) { a=300; }
setTimeout("scrollIt()", 100);
}
</script>



body:
Code:

<div id="innen" style="position: relative; onload="scrollIt();"">
<a href="bilder/schmuck/ohrringe/ohrringe1.jpg" target="_blank"><img src="<img src="bilder/schmuck/ohrringe/ohrringe1.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe3.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe3.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe4.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe4.jpg" border="0"></a>
</div>
</div>


Leider funktioniert der Spass nicht und ich weiß einfach nicht was ich falsch gemacht habe - dazu kenne ich mich in der Materie zu wenig aus. Hat jemand von euch ne Ahnung oder weiß jemand nen anderen Tag ? (dann mit Beschreibung?) *zwinker*
danke schon mal
Hä?


//EDIT by Sarky
Bitte Code-Tags verwenden


Zuletzt bearbeitet von Sarky am Do 26.08.2004 17:54, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 26.08.2004 16:36
Titel

Antworten mit Zitat Zum Seitenanfang

<div id="innen" style="position: relative; onload="scrollIt();"">

<div id="innen" style="position: relative;" onload="scrollIt();">

das anführungszeichen mus nach relative; sitzen, nicht am schluss.
wenjn's trotzdem net läuft -> mozilla, hat nen eingebauten javascript
debugger.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Mrs.tinchen
Threadersteller

Dabei seit: 10.07.2003
Ort: -
Alter: 30
Geschlecht: Weiblich
Verfasst Fr 27.08.2004 08:08
Titel

Antworten mit Zitat Zum Seitenanfang

es funzt immer noch nicht, ich kriegs einfach nicht hin - das einzige was passiert ist, dass die bilder verlinkt sind und sie in nem neuen Fenster erscheinen - aber scrollen tut da jaaarnisch Mädchen! kann noch jemand helfen?
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 27.08.2004 08:21
Titel

Antworten mit Zitat Zum Seitenanfang

dann packste dein onload attribut noch in den body tag weil nur
der darf onload ausführen und dann bewegt sich dein kram auch
  View user's profile Private Nachricht senden
Mrs.tinchen
Threadersteller

Dabei seit: 10.07.2003
Ort: -
Alter: 30
Geschlecht: Weiblich
Verfasst Fr 27.08.2004 08:32
Titel

Antworten mit Zitat Zum Seitenanfang

dastef hat geschrieben:
dann packste dein onload attribut noch in den body tag weil nur
der darf onload ausführen und dann bewegt sich dein kram auch


aber das ganze ist doch schon im Body - oder wie meinst du das? also der ganze code sieht so aus:

Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
a=300;
function scrollIt() {
document.getElementById('innen').style.left=a;
a-=5;
if(a<=-200) { a=300; }
setTimeout("scrollIt()", 100);
}
</script>
<style type="text/css">
<!--
body {
   background-color: #000000;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   
}
-->
</style>
<link href="css/style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Stil2 {font-size: 12px}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="220" valign="top"><img src="bilder/produkte.jpg" width="220" height="111"></td>
    <td width="582" background="bilder/hintergrund.jpg"><br>      <table width="301" border="0" align="right" cellpadding="0" cellspacing="2">
      <tr>
        <td width="33"><a href="index2.html">Home</a></td>
        <td width="5" class="normaltext">|</td>
        <td width="64"><div align="center"><a href="philosophie.html">Philosophie</a></div></td>
        <td class="normaltext">|</td>
        <td><div align="center"><span class="normaltext"><a href="produkte.html">Produkte</a></span></div></td>
        <td width="5" class="trennstrich"><div align="center" class="normaltext">|</div></td>
        <td width="43"><div align="center"><a href="kontakt.html">Kontakt</a></div></td>
        <td width="5" class="trennstrich"><div align="center" class="normaltext">|</div></td>
        <td width="85"><div align="center"><a href="impressum.html">Impressum</a></div></td>
        </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td><div align="center"></div></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td><div align="center"></div></td>
        <td><div align="center"></div></td>
        <td><div align="center"></div></td>
        <td><div align="center"></div></td>
        </tr>
    </table>
      <p><br>
    </p></td>
  </tr>
  <tr>
    <td colspan="2"><p align="center" class="normaltext">&nbsp;</p>
      <table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td class="normaltext"><div id="außen"
style="position: absolute; top: 200px; left: 50px; height: 60px; width: 780px; clip:rect(auto 600px 60 auto);">
<div id="innen" style="position: relative;" onload="scrollIt();">
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe3.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe3.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe4.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe4.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
<a href="bilder/schmuck/ohrringe/ohrringe2.jpg" target="_blank"><img src="bilder/schmuck/ohrringe/ohrringe2.jpg" border="0"></a>
</div>
</div></td>
      </tr>
    </table>     
      <p align="center"><br>   
        </p>
      <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td height="4" colspan="2"><img src="bilder/balken-unten.jpg" width="780" height="14"></td>
  </tr>
  <tr>
    <td colspan="2" class="text-adresse"><div align="center">F</div></td>
  </tr>
</table>
</body>
</html>


was muss ich da jetzt genau ändern? *keine-ahnung-von-javascript-hat* Hä?
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 27.08.2004 08:56
Titel

Antworten mit Zitat Zum Seitenanfang

dazu muss man auch keine ahnung von javascript haben. man
sollte lediglich wissen was attribute und tags sind. und das sind
die basics von html. aber ich bin ja schon * Ich bin ja schon still... *

<body> ... <div .. onload="scrollIt();">

änderste um in

<body onload="scrollIt();"> ... <div ..>

dann geht das auch.
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 39
Geschlecht: Männlich
Verfasst Mo 30.08.2004 12:09
Titel

Antworten mit Zitat Zum Seitenanfang

Funktioniert es jetzt, wenn das Script aufgerufen wird (onload)?

Da passt noch was nicht zusammen. Ich weiß aber nicht, ob das noch ein Problem ist.

Hier haben wir eine vollständige Bezeichnung mit URL. Aktuelle Browser sollten bei dieser Seite jetzt in den standardkompatiblen Modus geschaltet werden.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Und hier haben wir das Attribut language, das als deprecated eingestuft wird:
Code:
<script language="JavaScript">

Könnte mit gut vorstellen, daß das im standardkompatiblen Modus einfach ignoriert wird (müßte eigentlich). Und dann gibt es keine Angabe mehr, um welche Sprache es sich handelt. Möglicherweise macht der Browser deswegen nichts.
Ich hab's nicht getestet, vielleicht würde es trotzdem funktionieren, aber es ist auf jeden Fall so falsch.
Mach mal <script type="text/javascript"> daraus.

Was soll eigentlich der zweite Scriptteil mit dem Macromedia-Müll drin? Wenn die Funktionen nicht aufgerufen werden, dann kann der Mist auch rausgelöscht werden...


Zuletzt bearbeitet von rob am Mo 30.08.2004 12:11, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Mrs.tinchen
Threadersteller

Dabei seit: 10.07.2003
Ort: -
Alter: 30
Geschlecht: Weiblich
Verfasst Mo 30.08.2004 12:45
Titel

Antworten mit Zitat Zum Seitenanfang

es hat jetzt zwar funktioniert aber es war im Endeffekt nicht das was ich wirklich haben wollte. Ich habe jetzt aber ein anderes Script ausprobiert und das passt perfekt. ich habe es von http://www.setcookie.de
Das Ergebnis könnt ihr euch unter: http://www.zaunz.de/kunden/suppin/ohrringe.html (funktioniert nur im IE einwandfrei!)
Ich danke nochmal allen für ihre Hilfe!


Zuletzt bearbeitet von Mrs.tinchen am Mo 30.08.2004 12:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Automatisch scrollen via Ajax oder Java Script - aber wie?
Androidbrowser: Horizontales Scrollen
horizontales scrollen von bildern (css/hmtl)
Horizontales aufklappmenü mit Java/CSS
CSS scrollen im div tag
[java-script]rollover
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.