ForumübersichtSonstige Programmiersprachen

Hilfe gesucht bei Javascript - Seite 1

Einloggen
Benutzername:
Passwort:

Passwort vergessen?
Kostenlos
Anmelden
Geschlossen
AutorText


snk



Punkte: 3447
Hallo Leute!

Wäre jemand von euch in der Lage mir den folgenden Code umzuschreiben? Dies ist der Teil eines Bildlaufscriptes der Bilder wahlweise nach oben oder nach unten durch das Bild laufen lässt - ich hätt aber gern die Variante links oder rechts lang...

Mit dem HTML Befehl <Marquee> bin ich da nicht zufrieden, das läuft nicht optimal genug^^

Hier der 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
function slidetop(){
        if (iedom){
                if (parseInt(cross_slide.style.top)>(actualheight*(-1)+8))
                        cross_slide.style.top=parseInt(cross_slide.style.top)-copyspeed+"px";
                else
                        cross_slide.style.top=parseInt(cross_slide2.style.top)+actualheight+"px";

                if (parseInt(cross_slide2.style.top)>(actualheight*(-1)+8))
                        cross_slide2.style.top=parseInt(cross_slide2.style.top)-copyspeed+"px";
                else
                        cross_slide2.style.top=parseInt(cross_slide.style.top)+actualheight+"px";
        }
        else if (document.layers){
                if (ns_slide.top>(actualheight*(-1)+8))
                        ns_slide.top-=copyspeed;
                else
                        ns_slide.top=ns_slide2.top+actualheight;

                if (ns_slide2.top>(actualheight*(-1)+8))
                        ns_slide2.top=copyspeed;
                else
                        ns_slide2.top=ns_slide.top+actualheight;
        }
}

function slidedown(){
        if (iedom){
                if (parseInt(cross_slide.style.top)<(actualheight-8))
                        cross_slide.style.top=parseInt(cross_slide.style.top)+copyspeed+"px";
                else
                        cross_slide.style.top=parseInt(cross_slide2.style.top)-actualheight+"px";

                if (parseInt(cross_slide2.style.top)<(actualheight-8))
                        cross_slide2.style.top=parseInt(cross_slide2.style.top)+copyspeed+"px";
                else
                        cross_slide2.style.top=parseInt(cross_slide.style.top)-actualheight+"px";
        }
        else if (document.layers){
                if (ns_slide.top>(actualheight*(-1)+8))
                        ns_slide.top-=copyspeed;
                else
                        ns_slide.top=ns_slide2.top+actualheight;

                if (ns_slide2.top>(actualheight*(-1)+8))
                        ns_slide2.top=copyspeed;
                else
                        ns_slide2.top=ns_slide.top+actualheight;
        }
}


Bin für jede Hilfe dankbar Smily NR:7

Flamerbedarf zu verkaufen! Ich biete euch Feuer, Fackeln, Brandsätze und Großflächenbrände an. Sendet mir einfach eine PM. Bei Bedarf gibts auch Mistgabeln...


zerfleischer
Super-Moderator



Punkte: 7884
Kenn mich mit der Sprache nicht aus aber versuchmal
das
cross_slide.style.left
anstelle von

cross_slide.style.top


zu machen^^

habe eben mal gegoogelt und evtl könnte es funzen



EDIT:
Denke mal überall wo topp steht muste es ändern. Kannst ja des tool nehmen von ntmb und top in left ersetzen lassen Smily NR:8


Falls es das überhauptnoch gibt
<editiert am 23.02.09 um 00:15 von zerfleischer>


Die Gymnasiasten sind so blöd.... die rechnen mit Buchstaben


snk



Punkte: 3447
Sowas ähnliches hab ich mir auch schon gedacht - so pfiffig bin ich dann doch meist selbst^^

ABER: im Script kommt ja neben top und down auch noch "actualheight" vor was sich für mich verdächtig nach Höhe anhört!

Wüsste aber nicht was damit zu tun wäre - daher such ich bei euch Hilfe :P

Flamerbedarf zu verkaufen! Ich biete euch Feuer, Fackeln, Brandsätze und Großflächenbrände an. Sendet mir einfach eine PM. Bei Bedarf gibts auch Mistgabeln...


zerfleischer
Super-Moderator



Punkte: 7884
Hmpf dazu habe ich nix gefunden. Also hast du da einfach mal width reingeschrieben um zu testen?


Ansonsten schau mal ob du was bei selfhtml.org findest. Da suche ich meistens aber nicht wirklich was dazu gefunden -.-


Die Gymnasiasten sind so blöd.... die rechnen mit Buchstaben


snk



Punkte: 3447
Da schau ich auch immer - war aber auch negativ, daher hier der Aufruf!

Langsam dürftet ihr wissen das ich mich vorher weitestgehend selbst informiere bevor ich Hilfe anfrage Smily NR:7

Flamerbedarf zu verkaufen! Ich biete euch Feuer, Fackeln, Brandsätze und Großflächenbrände an. Sendet mir einfach eine PM. Bei Bedarf gibts auch Mistgabeln...


ntmb
Admin



Punkte: 13700
Hi, könntest du uns auch irgendwie ein lauffähiges Script posten? Smily NR:7

Wollte es gerade testen, aber geht leider nicht so wirklich, dass umschreiben kann eigentlich nicht so schwer sein.

Also ich brauch auf jedenfall den Bereich mit iedom und halt auch noch andere Variablen.

Könntest du mir genauer sagen, was das Script machen soll? Ich könnte es ja evtl nachprogrammieren, oder die ein paar Tipps geben, aber mit so ein bisschen Codeschnipsel komm ich nicht wirklich weiter, sorry.

Der freundliche Admin aus der Nachbarschaft
Lachecke.de - Dein täglicher Lacher im Internet
Listrank.de - Die ultimative Topliste nach Themen


snk



Punkte: 3447
Ich hätte gedacht das reicht - aber hier ist das ganze Script:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!----------------- Script Bildlauf Start ----------------->
<center><script type="text/javascript">
var sliderwidth = 500; // Breite des Sliders
var sliderheight = 400; // Höhe des Sliders
var slidespeed = 2; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var slidedir = "hoch"; // Richtung - "hoch" oder "runter"
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;

/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight01.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight02.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight03.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight04.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight05.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight06.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight07.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight08.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight09.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight10.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight11.jpg" style="border-color: black;" vspace="5"></div>';
leftrightslide[i++] = '<div><img src="../../bilder/kraftsport/freefight/FreeFight12.jpg" style="border-color: black;" vspace="5"></div>';


/* AB HIER NICHTS MEHR ÄNDERN */
//leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>';
leftrightslide = leftrightslide.join("");
var iedom = document.all || document.getElementById;
if (iedom)
        document.write('<span id="temp" style="visibility:hidden;position:absolute;left:-100px;top:-3000px">' + leftrightslide + '</span>');
var actualheight = '';
var cross_slide, ns_slide;

function fillup(){
        if (iedom){
                cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
                cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
                cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
                actualheight=document.all? cross_slide.offsetHeight : document.getElementById("temp").offsetHeight;
                cross_slide2.style.top=actualheight+20+"px";
        }
        else if (document.layers){
                ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
                ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
                ns_slide.document.write(leftrightslide);
                ns_slide.document.close();
                actualheight=ns_slide.document.height;
                ns_slide2.top=actualheight+20;
                ns_slide2.document.write(leftrightslide);
                ns_slide2.document.close();
        }
        if ( slidedir == "hoch" ) {
                lefttime=setInterval("slidetop()",30);
        } else {
                lefttime=setInterval("slidedown()",30);
        }
}
window.onload=fillup;
function slidetop(){
        if (iedom){
                if (parseInt(cross_slide.style.top)>(actualheight*(-1)+8))
                        cross_slide.style.top=parseInt(cross_slide.style.top)-copyspeed+"px";
                else
                        cross_slide.style.top=parseInt(cross_slide2.style.top)+actualheight+"px";

                if (parseInt(cross_slide2.style.top)>(actualheight*(-1)+8))
                        cross_slide2.style.top=parseInt(cross_slide2.style.top)-copyspeed+"px";
                else
                        cross_slide2.style.top=parseInt(cross_slide.style.top)+actualheight+"px";
        }
        else if (document.layers){
                if (ns_slide.top>(actualheight*(-1)+8))
                        ns_slide.top-=copyspeed;
                else
                        ns_slide.top=ns_slide2.top+actualheight;

                if (ns_slide2.top>(actualheight*(-1)+8))
                        ns_slide2.top=copyspeed;
                else
                        ns_slide2.top=ns_slide.top+actualheight;
        }
}

function slidedown(){
        if (iedom){
                if (parseInt(cross_slide.style.top)<(actualheight-8))
                        cross_slide.style.top=parseInt(cross_slide.style.top)+copyspeed+"px";
                else
                        cross_slide.style.top=parseInt(cross_slide2.style.top)-actualheight+"px";

                if (parseInt(cross_slide2.style.top)<(actualheight-8))
                        cross_slide2.style.top=parseInt(cross_slide2.style.top)+copyspeed+"px";
                else
                        cross_slide2.style.top=parseInt(cross_slide.style.top)-actualheight+"px";
        }
        else if (document.layers){
                if (ns_slide.top>(actualheight*(-1)+8))
                        ns_slide.top-=copyspeed;
                else
                        ns_slide.top=ns_slide2.top+actualheight;

                if (ns_slide2.top>(actualheight*(-1)+8))
                        ns_slide2.top=copyspeed;
                else
                        ns_slide2.top=ns_slide.top+actualheight;
        }
}

if (iedom||document.layers){
        with (document){
                document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
                if (iedom){
                        document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');
                        document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">');
                        document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
                        document.write('<div id="test3" style="position:absolute;top:-1000;left:0"></div>');
                        document.write('</div></div>');
                }
                else if (document.layers){
                        document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
                        document.write('<layer name="ns_slidemenu2" left=0 top=0 onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed"></layer>');
                        document.write('<layer name="ns_slidemenu3" left=0 top=0 onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed"></layer>');
                        document.write('</ilayer>');
                }
                document.write('</td></table>');
        }
}
</script></center>
<!----------------- Script Bildlauf Ende ----------------->


Der Code lässt Bilder entweder von oben nach unten, oder umgekehrt durchs Bild laufen - bei mouseover stoppt das Bild - bei mouseout läuft es dann weiter.

Ich brauchs wirklich nur horizontal laufend nicht mehr Smily NR:7

Flamerbedarf zu verkaufen! Ich biete euch Feuer, Fackeln, Brandsätze und Großflächenbrände an. Sendet mir einfach eine PM. Bei Bedarf gibts auch Mistgabeln...
Geschlossen