Portal > Foren > Ausschreibungssprachen und clientseitige Programmierung > JavaScript und AJAX > [JS] Slideshow lässt Cursorpositionsbalken blinken
Antwort
 
Themen-Optionen Thema durchsuchen
Alt 23.01.2007, 12:26 Nach oben    #1
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard [JS] Slideshow lässt Cursorpositionsbalken blinken

Hiho,

ich hab ne Slideshow in JS realisiert, sprich es wird all 10ms ein langes Bild von Links nach Rechts um 1px verschoben.
Durch diese doch recht schnelle Befehlkette ist das blinken des Cursorbalkens extrem schnell.

Weiß jemand ob ich das beeinflussen kann? Nervt leicht
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 16:39 Nach oben    #2
Patrick Freitag
 
Registriert seit: 17.08.2005
Beiträge: 127
Standard

Zitat:
Zitat von WarrenFaith Beitrag anzeigen
Weiß jemand ob ich das beeinflussen kann? Nervt leicht
Nein, kannst du nicht beeinflußen.

Wieso hast du überhaupt einen Scrollbalken? Du kannst das ganze ja auch in einem normalen Div verschieben lassen. Vll. gibst du mir ein bisschen Code, dann kann ich mir da ein besseres Bild machen.
Neq' ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 16:48 Nach oben    #3
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Bitte korrekt lesen
Ich habe einen Cursorbalken. Der der angibt wo meine Tastatureingabe landet.
Keinen Scrollbalken

Und die Slideshow soll/muss sein und auch in dem Tempo. So will es die Marketingabteilung

Code:
<div class="teaser_nav_img">
	<div class="nav_buttons_links">
		<a href="javascript:void(0);" title="Nach links" onClick="set${imagedata.imageAlt}Movement('left');"><img src="${pageContext.request.contextPath}/docroot/planetwin/imgs/button-nav-links.gif" alt=""/></a>
	</div>
	<div class="teaser_nav_img_middle" onMouseOver="startStop${imagedata.imageAlt}();" onMouseOut="startStop${imagedata.imageAlt}();"><img id="${imagedata.imageAlt}" src="${pageContext.request.contextPath}${imageurl}" alt="${imagedata.imageAlt}" style="margin: 0; padding: 0; position: relative;"/></div>
	<div class="nav_buttons_rechts">
		<a href="javascript:void(0);" title="Nach rechts" onClick="set${imagedata.imageAlt}Movement('right');"><img src="${pageContext.request.contextPath}/docroot/planetwin/imgs/button-nav-rechts.gif" alt=""/></a>
	</div>
</div>
Das ist Code für ein Templatesystem von Magnolia. Das nur zur Info
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009

Geändert von WarrenFaith (23.01.2007 um 16:50 Uhr)
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 16:51 Nach oben    #4
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.516
Standard

Zitat:
Zitat von WarrenFaith Beitrag anzeigen
Ich habe einen Cursorbalken. Der der angibt wo meine Tastatureingabe landet.
Muss aber gestehen, dass ich das Problem ebenfalls nicht verstanden habe.

Was hat die Tastatur mit der Slideshow zu tun?
Ben ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 16:54 Nach oben    #5
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

hmpf.
Also weit ausgeholt:
Mit jeder Context/HTML/Styleänderung die Javascript durchführt, blinkt der Cursorbalken einmal kurz (wahrscheinlich weil der Browser neu "rendern" muss oder ähnliches).
Da ich nun alle 10ms via JS & CSS die Bildposition verändere, blinkt mein Cursor halt alle 10ms und das ist echt häufig.

Nun verstanden?
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 16:54 Nach oben    #6
Patrick Freitag
 
Registriert seit: 17.08.2005
Beiträge: 127
Standard

Siehe bitte Ben's Beitrag. Außerdem würde ich auch gerne was vom JavaScript-Code sehen. Anders verstehe ich dein Problem momentan einfach nicht.

EDIT// Hab jetzt deinen Post gelesen. Kennst du zufällig Rico?

http://www.openrico.org/rico/demos.p...ffect_position

Ein kleines Beispiel für die Positionierung von Elementen. Sollte Rico nicht das sein was du gebrauchen kannst, suchen wa halt nach ner anderen Lösung.

EDIT2// Achja, ich weiss du wolltest das nicht. Jedoch hab ich vergessen zu erwähnen das normalerweise der Cursor bei solchen Tätigkeiten in JavaScript nicht blinkt, ich schreibe des öfteren solche RichApps und habe das noch nie bemerkt.

Geändert von Neq' (23.01.2007 um 16:57 Uhr)
Neq' ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 16:59 Nach oben    #7
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Dachte nicht das das so schwer zu verstehen ist.
Javascript Code:
  1. var iGewinne = 0;
  2. var iGewinner = 0;
  3. var bGewinne = true;
  4. var bGewinner = true;
  5. var bGewinneMovement = true;
  6. var bGewinnerMovement = true;
  7. var speed = 10;
  8.  
  9. function initSlides() {
  10.     if (document.getElementById('Gewinne')) {
  11.         gewinne();
  12.     }
  13.     if (document.getElementById('Gewinner')) {
  14.         gewinner();
  15.     }
  16. }
  17.  
  18. function setGewinneMovement(direction) {
  19.     if (direction == 'left') {
  20.         bGewinneMovement = true;
  21.     } else {
  22.         bGewinneMovement = false;
  23.     }
  24. }
  25.  
  26. function setGewinnerMovement(direction) {
  27.     if (direction == 'left') {
  28.         bGewinnerMovement = true;
  29.     } else {
  30.         bGewinnerMovement = false;
  31.     }
  32. }
  33.  
  34. function startStopGewinne() {
  35.     if (bGewinne) {
  36.         bGewinne = !bGewinne;
  37.     } else {
  38.         bGewinne = !bGewinne;
  39.     }
  40. }
  41.  
  42. function startStopGewinner() {
  43.     if (bGewinner) {
  44.         bGewinner = !bGewinner;
  45.     } else {
  46.         bGewinner = !bGewinner;
  47.     }
  48. }
  49.  
  50. function gewinne() {
  51.     if (iGewinne >= 965) {
  52.         iGewinne = 0;
  53.     }
  54.     if (iGewinne < 0) {
  55.         iGewinne = 965;
  56.     }
  57.     if (bGewinne) {
  58.         if (bGewinneMovement) {
  59.             iGewinne = iGewinne + 1;
  60.         } else {
  61.             iGewinne = iGewinne - 1;
  62.         }
  63.     }
  64.     document.getElementById('Gewinne').style.right = iGewinne + 'px';
  65.     window.setTimeout("gewinne()", speed);
  66. }
  67.  
  68. function gewinner() {
  69.     if(iGewinner >= 826) {
  70.         iGewinner = 0;
  71.     }
  72.     if (iGewinner < 0) {
  73.         iGewinner = 826;
  74.     }
  75.     if (bGewinner) {
  76.         if (bGewinnerMovement) {
  77.             iGewinner = iGewinner + 1;
  78.         } else {
  79.             iGewinner = iGewinner - 1;
  80.         }
  81.     }
  82.     document.getElementById('Gewinner').style.right = iGewinner + 'px';
  83.     window.setTimeout("gewinner()", speed);
  84. }

Wenn ich speed auf 500 stelle, dann blinkt mein Cursor 2 mal in einer Sekunde, stell ich es auf 10, blinkt er ungefähr 100 mal in der Sekunde.
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:12 Nach oben    #8
Patrick Freitag
 
Registriert seit: 17.08.2005
Beiträge: 127
Standard

Dein Cursor blinkt? Das habe ich bisher noch nie entdecken können. Ich hab mir auch mal schnell eine Anwendung mit setTimeout() geschrieben, konnte aber kein Cursorblinken entdecken.

Sollte ich noch immer was falsch verstehen, tuts mir leid, vll. steh ich momentan einfach auf dem Schlauch.
Neq' ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:15 Nach oben    #9
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.516
Standard

Ganz klarer Fall von .. Online-Demo erwünscht.
Ben ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:19 Nach oben    #10
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Nutz mal bitte mein JS und bau dir das mit einem Bild nach.
Sobald der Content, sprich die Anzeige geändert wird, blinkt der Cursor.
Solange der Content gleich bleibt, sieht man auch kein blinken. Deswegen reicht ein setTimeout() nicht...

//edit:
link kommt gleich
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:41 Nach oben    #11
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Ich bekomme leider nicht das gleiche intensive Blinken wie auf der eigentlichen Seite, aber ich denke das liegt unter anderem daran, dass meine Seite 600kb groß ist und die demoseite nur 100kb

Aber hier der Link (stellt euch das blinken locker 10 mal stärker vor, der strich ist fast nur noch grau statt schwarz
http://warrenfaith.de/images/test.html
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:43 Nach oben    #12
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.516
Standard

Und .. äh da blinkt wo was?
FF 1.5.0.9
Ben ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:45 Nach oben    #13
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Geh mal auf das inputfeld und klick dort rein, dann siehste den Cursor leicht blinken. Wie gesagt auf der eigentlichen Seite ist das weitaus heftiger als auf der Testseite
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:50 Nach oben    #14
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.516
Standard

Bin ich blind oder hast du nirgendwo geschrieben, dass das Problem in einem input-Feld auftritt?

Und btw. das "Blinken" sehe ich nur, wenn ich da richtig krass nah an den Bildschirm rangehe.
Ben ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:52 Nach oben    #15
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Zitat:
Bin ich blind oder hast du nirgendwo geschrieben, dass das Problem in einem input-Feld auftritt?
Ist mir auch gerade aufgefallen.

Zitat:
Und btw. das "Blinken" sehe ich nur, wenn ich da richtig krass nah an den Bildschirm rangehe.
Zitat:
Wie gesagt auf der eigentlichen Seite ist das weitaus heftiger als auf der Testseite
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 17:53 Nach oben    #16
Ben
Benjamin Klaile
 
Benutzerbild von Ben
 
Registriert seit: 02.12.2004
Ort: Remagen
Beiträge: 4.516
Standard

Kann ich mir nicht vorstellen, demnach vernachlässigbar. *g*

@neq'
Wäre ja dann schon interessant zu erfahren, wie du das realisieren würdest ohne dass es blinkt.
Ben ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 18:11 Nach oben    #17
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Also Rico bringt mir wenig da ja was laufen muss während ich in einem Inputfeld aktiv bin.
Bestes Beispiel ist dafür nunmal eine Slideshow die alleine läuft. Oder ein Newsticker der rumscrollt. Der dürfte das gleiche Problem erzeugen.
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 23:07 Nach oben    #18
Patrick Freitag
 
Registriert seit: 17.08.2005
Beiträge: 127
Standard

Ah jetzt verstehe ich das Problem schon eher.

Ja es liegt wie wohl schon von dir erwartet am Timeout. Muss man im Input-Feld aktiv sein? Ansonsten könnte man ja den Focus entfernen und zum Input-Feld verlegen.
Neq' ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 23.01.2007, 23:55 Nach oben    #19
Bastian Fenske
 
Registriert seit: 04.01.2006
Ort: Kassel
Beiträge: 853
Standard

Hi.

Bei mir blinkt da nichts. Nichtmal das normale Cursor-Blinken (FF 1.5 und 2.0 auf Debian). Vielleicht ist mein Display aber auch zu lahm (ist ein altes Notebook).

Übrigens echt irreführende Beschreibung: "Cursorbalken" und ... mit einer Slideshow assoziiert doch niemand, was du da machst ... denke ich (Mein Dia-Apparat kann sowas zumindest nicht).

Basti
Basti ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 24.01.2007, 09:53 Nach oben    #20
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.653
Standard

Zitat:
Übrigens echt irreführende Beschreibung: "Cursorbalken" und ... mit einer Slideshow assoziiert doch niemand, was du da machst ... denke ich (Mein Dia-Apparat kann sowas zumindest nicht).
Ja meine Deutsch isst manschmal schwäre zu versten.

Ne irgendwie war der Startpost nur halb beendet :/
__________________
I did it my way - Senseless-Blog
Weihnachtsgeschenk? Schülern helfen - Bodypainting Kalender für 2009
WarrenFaith ist offline  
Diesen Beitrag zu to del.icio.us hinzufügen!Diesen Beitrag zu Technorati hinzufügen!Diesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Antwort