tutorials.de Buch-Aktion 05/2012
Like Tree2Danke
  • 1 Beitrag von Chef_De_Loup
  • 1 Beitrag von Chef_De_Loup
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
570
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 07.04.10 10:17 #1
    Avatar von one6666
    one6666 one6666 ist offline Mitglied Titanium
    Registriert seit
    Jan 2010
    Ort
    Nordrhein-Westfalen
    Beiträge
    175
    Blog-Einträge
    1
    Hallo,

    wie in den anderen Beitrag schon erwähnt, habe ich das Problem mit den gleichzeitigen verschieben gelöst
    funktioniert auch fast perfekt, jetzt ist aber das Problem das der erst in Richtung links fährt und dann erst nach Richtung rechts,
    aber auch das stimmt nicht ganz der fühlt die width Fläche genau so wieer nach links fährt,
    aber das ist nicht Sinn und Zweck, der soll sich schon in beide Richtungen bewegen, und nicht erst in die eine und dann wieder in die ander

    Demo: http://media-volex.de/editor.html

    Code:
    HTML-Code:
    <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Editor Fenster</title>
<style type="text/css">
body{
	margin:0px;
	padding:0px;
}
</style>

<script type="text/javascript">
function move(count){
	if(count == undefined){
		count = 0;
	}
	if(count < 2000){
		if(count < left_div){ /*left*/
		    div.style.left = "-" + count + "px";	
		}
		if(count < right_div){/*right*/
			right_count = width_div + count;
			div.style.width = right_count + "px";
		}
		count++;
		window.setTimeout("move(" + count + ")", 1);
	}
}
function fullscreen(){
	div = document.getElementById("div");
	/********* left right***********/
	width_window = window.innerWidth;
	left_div = div.offsetLeft;
	width_div = parseInt(div.style.width);
	right_div = width_window - width_div;
	/*******************************/
	move();
}
</script>
</head>

<body>
<div style="margin-left:300px; margin-top:300px;">
    <div onclick="fullscreen()" id="div" style="background:#9F0; width:100px; height:100px; position:relative; z-index:1px;"></div>
</div>
</body>
</html>
    Verstehe es einfach nicht habe schon versucht nach rechts den speed schneller zumachen aber es bringt auch nix
     
    Flash rocks!

    Apple baut Möbel für Mädchen.
    Mädchenmöbel müssen keine Funktion erfüllen sondern hübsch sein.
    Nur Mädchen kaufen Apple. Manche Mädchen sind halt in einem
    Männerkörper gefangen.
    Zitieren Zitieren
  2. 07.04.10 10:24 #2
    Chef_De_Loup Chef_De_Loup ist offline Mitglied Bronze
    Registriert seit
    Jul 2007
    Beiträge
    48
    Dir ist schon klar das Du um eins verschiebst und die width nur um eins erhoehst? Du musst die Breite um count+1 erhoehen damit in beide Richtungen was passiert.
    one6666 bedankt sich. 
    Zitieren Zitieren
  3. 07.04.10 10:29 #3
    Avatar von one6666
    one6666 one6666 ist offline Mitglied Titanium
    Registriert seit
    Jan 2010
    Ort
    Nordrhein-Westfalen
    Beiträge
    175
    Blog-Einträge
    1
    habe schon versucht nach rechts den speed schneller zumachen aber es bringt auch nix
    Ja ist mir klar
    Aber das bringt nix, starte ich dann das Script springt er nur einmal nach rechts und dann gehts links weiter
     
    Flash rocks!

    Apple baut Möbel für Mädchen.
    Mädchenmöbel müssen keine Funktion erfüllen sondern hübsch sein.
    Nur Mädchen kaufen Apple. Manche Mädchen sind halt in einem
    Männerkörper gefangen.
    Zitieren Zitieren
  4. 07.04.10 11:14 #4
    Chef_De_Loup Chef_De_Loup ist offline Mitglied Bronze
    Registriert seit
    Jul 2007
    Beiträge
    48
    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
50
51
52
53

    <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Editor Fenster</title>
<style type="text/css">
body{
    margin:0px;
    padding:0px;
}
</style>
 
<script type="text/javascript">
function move(count){
    if(count == undefined){
        count = 0;
    }
    if(count < 2000){
        if(width_div < width_window-1){/*right*/
            right_count = width_div + 1;
            if(count < left_div){ /*left*/
                div.style.left = "-" + count + "px";
                right_count++;  
            }
            div.style.width = right_count + "px";
            width_div = parseInt(div.style.width);
        }
        
        if (width_div < parseInt(window.innerWidth)){
            count++;
            window.setTimeout("move(" + count + ")", 1);
        }
    }
}
function fullscreen(){
    div = document.getElementById("div");
    /********* left right***********/
    width_window = window.innerWidth;
    left_div = div.offsetLeft;
    width_div = parseInt(div.style.width);
    right_div = width_window-left_div;
    /*******************************/
    move();
}
</script>
</head>
 
<body>
<div style="margin-left:300px; margin-top:300px;">
    <div onclick="fullscreen()" id="div" style="background:#9F0; width:100px; height:100px; position:relative; z-index:1px;"></div>
</div>
</body>
</html>

    Das ist jetzt wie gewuenscht. Wenn links verschoben wird muss die Breite um zwei erhoeht werden. Wenn links still steht dann nur noch um eins. Daher steht die if-Abfrage fuer links innerhalb der if-Abfrage fuer rechts. Das ist dann natuerlich abhaengig von der Position des Elementes zur Anzeigeflaeche. Sprich die Bedingungen zueinander musst Du noch ein wenig verallgemeinern damit es immer funktioniert.

    Ach und ganz wichtig: Schalt die Funktion ab wenn sie nicht mehr gebraucht wird! Daher das letzte If.
    one6666 bedankt sich. 
    Zitieren Zitieren
  5. 07.04.10 11:59 #5
    Avatar von one6666
    one6666 one6666 ist offline Mitglied Titanium
    Registriert seit
    Jan 2010
    Ort
    Nordrhein-Westfalen
    Beiträge
    175
    Blog-Einträge
    1
    Genau so soll es laufen, danke
     
    Flash rocks!

    Apple baut Möbel für Mädchen.
    Mädchenmöbel müssen keine Funktion erfüllen sondern hübsch sein.
    Nur Mädchen kaufen Apple. Manche Mädchen sind halt in einem
    Männerkörper gefangen.
    Zitieren Zitieren
« UL zufällig anordnen | ToolTips mit Bild-Rollover aktivieren - wer weiß wie das geht? »

Ähnliche Themen

  1. Komisches RegExp Verhalten
    Von ElGrAnDiOs im Forum PHP
    Antworten: 4
    Letzter Beitrag: 17.04.10, 12:18
  2. Verwaschener Style bzw. Splash Style
    Von flhe im Forum Photoshop
    Antworten: 1
    Letzter Beitrag: 08.11.08, 17:04
  3. element.style (width) in Moodle-Theme nicht wegzuringen
    Von tinella im Forum Content Management Systeme (CMS)
    Antworten: 0
    Letzter Beitrag: 16.04.08, 10:57
  4. Komisches Verhalten
    Von alice007 im Forum Cinema 4D
    Antworten: 7
    Letzter Beitrag: 27.03.07, 15:13
  5. Komisches Verhalten des Firefox
    Von sreinhardt im Forum Internet, DSL & Flatrate
    Antworten: 0
    Letzter Beitrag: 01.03.06, 03:07