Web fragen

[Whiz-zarD]

Ich versteh nicht, was du meinst, aber wenn ich dich richtig verstanden habe, dann muss immer ein Delta der Mauszeiger-Position ermittelt werden, den du dann auswertest.
Vielleicht kann man auch einen endlichen Automaten bauen, der durch Mausbewegungen seinen Zustand ändert, und dann bei einem bestimmten Zustand den Pop-Up auslöst.

Ich weiß aber nicht, wofür man sowas für eine Webseite benötigt. Mir persönlich gehen eh schon diese Warnhinweise, einiger Webseiten, auf den Sack, wenn man ein Tab schließen möchte. Das zeigt eine gewisse unseriösität, da man letztem Endes überhaupt nich weiß, was passiert, wenn man auf die Buttons klickt.

[Jesus_666]

Zuerst mal: Volle Zustimmung mit Whiz-zarD. Solche Meldungen sind nur dann angemessen, wenn ein Formular angezeigt wird, das der Besucher bereits (teilweise) ausgefüllt, aber noch nicht abgesendet hat. Eine allgemeine Meldung, weil jemand die Seite verläßt, ist für mich ein guter Grund, die Seite nicht wieder zu betreten. Bei halb ausgefüllten Formularen ist die Rückfrage okay, weil man möglicherweise das Absenden vergessen hat, aber ansonsten ist es schlicht ein Versuch, den Benutzer auf einer Seite festzuhalten, die ihn gerade nicht weiter interessiert. Höchst unprofessionell.

So, nachdem das aus dem Weg ist: Sehe ich das richtig, dass du eine Aktion ausführen willst, wenn jemand mit der Maus den Viewport über den oberen Rand verläßt? Das halte ich für problematisch:

• Das Verlassen des Viewports nach oben korreliert nicht zwangsläufig mit dem Schließen des Tabs. Der Besucher könnte schlicht zu einem anderen Tab wechseln.
• Der Besucher könte auch den Viewport in eine andere Richtung verlassen und von dort aus zur Tableiste gehen, z.B. wenn er zwischendurch in eine andere Anwendung klickt. Nicht jeder hat den Browser auf Vollbild laufen.
• Man kann Tabs auch auf andere Arten schließen, z.B. über Tastenkombinationen oder Mausgesten.
• Die Methode funktioniert nicht auf Mobilgeräten, weil die in der Regel andere Events erzeugen.

Du solltest statt dessen einen Event-Handler auf beforeunload binden, welcher selbstverständlich sicher stellt, dass auch mindestens ein Formularfeld ausgefüllt ist – es macht meist keinen Sinn, zu warnen, wenn das Formular gar nicht angefaßt wurde.

[VD3???]

Danke für diese Tipps =) Hat mir sehr geholfen. Ich konnte mein Problem lösen =D

Ihr kennt sicherlich jqueryUI ich hab mir daraus eine einfache "shake" funktion gebastelt die sogar css enthält. Ich habe dafür den Shaker Effect genutzt. Nun weiss ich aber nciht wie ich diesen effect aufrufenkan(mit hilfe eines buttons(beispiel klick. Ansich funzt alles wunderbar aber ich muss leider auf "demo-box make bg-color visibel" klicken damit es anfängt zu shaken.

onclick="myFunction() kommt also nicht in Frage da es net funzt.

HTML-Code:

<script>
$(function(shake_by_time){
		var demoTimeout;
		$('#shake_me').click(function(){
			$this = $(this);
			clearTimeout(demoTimeout);
			$this.trigger('startShake');
			demoTimeout = setTimeout(function(){$this.trigger('stopShake');}, 700)
		});
		$('#shake_me').jshaker({
			x: 4,
			y: 0, 
			rotation: 0
		});

		shakeStart();
		
});
</script>

....

<div id="shake_me">demo-box make bg-color visibel</div> // dieser Inhalt macht den shaker 

<button id="btn"> Click to Shake </button>

ich glaube ich muss iwas mit document.getElementsByClassName machen, aber ich hab kp wie ich das machen soll damit der Button funktioniert

kann einer sagen was ich tippen muss ?

[Eli]

Wenn du jQuery verwenden willst, schadet es nicht sich ein wenig damit auseinander zu setzen.
In der jQuery UI API Documentation steht ja eigentlich schon drin was du brauchst:

Code:

$( document ).click(function() {
  $( "#toggle" ).effect( "shake" );

});

Statt document nimmst du jetzt halt das Element, welches du mit der Funktion belegen willst.

[VD3???]

THX für die antwort, ich werde ma schauen ob es klappt =)

Frage:

Ich würde gern einen dashboard erstellen wo ich namen + email + infotext einfügen kann. Ich könnte das per hand in HTML machen, jedoch will ich das gern dynamisch machen. Sprich ich hab ein extra feld wo ich alles eintragen kann + speichern. Ist es möglich das dieser Vorgang auch in offline modus funktioniert?

[Whiz-zarD]

Ich würde gern einen dashboard erstellen wo ich namen + email + infotext einfügen kann. Ich könnte das per hand in HTML machen, jedoch will ich das gern dynamisch machen. Sprich ich hab ein extra feld wo ich alles eintragen kann + speichern. Ist es möglich das dieser Vorgang auch in offline modus funktioniert?

...

Was ist an einem extra Feld dynamisch?

[Eli]

Ich denke, er meinte auf dem Dashboard wird das alles angezeigt.
Er möchte aber nicht, das alles dort statisch rumliegt und er jedes Mal seine HTML-Datei anfassen muss, um was hinzuzufügen,
sondern eben über dieses Feld.

Mit JavaScript only geht's jedenfalls nicht, auch nicht "online". Wenn du z.B. PHP installiert hast, geht das schon (auch "offline").

[Whiz-zarD]

Wenn du z.B. PHP installiert hast, geht das schon (auch "offline").

...

Und wie willst du ein serverseitiges Script ohne Server ausführen?
Irgendwer muss dem Interpreter Bescheid geben, dass er arbeiten soll. Ein Browser macht dies nicht.

[Eli]

Und wie willst du ein serverseitiges Script ohne Server ausführen? Irgendwer muss dem Interpreter Bescheid geben, dass er arbeiten soll. Ein Browser macht dies nicht.

...

Ja, den Server kann er sich ja auch installieren.

[Whiz-zarD]

Dann ist es aber nicht mehr offline

[Mivey]

Dann ist es aber nicht mehr offline

...

Nicht wenn der Server im localhost läuft. Da gibt es sicherlich viele praktische Anwendungen.

[Whiz-zarD]

Nicht wenn der Server im localhost läuft.

...

Naja, finde ich schon. Offline heißt für mich, dass keinerlei Verbindung zu einem Server aufgebaut wird.
Auch wenn der Server zufällig auf der eigenen Maschine läuft, wird eine Verbindung aufgebaut. Es wird hier ja ein Loopback aufgebaut, folglich muss hier was laufen, was über das Netzwerk kommunizieren kann.
Wenn ein Gerät offline ist, heißt das, dass nicht mal ein Loopback aufgebaut werden kann.