Beiträge von XantypiaxD

XantypiaxD

Abend zusammen.

Ich bin derzeit dran eine Website zu errichten.

Bin jetzt an meinem ersten wirklichen Problem angelangt.

Das Loginscript.

Die Frage ist, welche Variante ich dazu benutzen soll? Bzw. kann ich überhaupt aus verschiedenen auswählen? Wenn Ja, welche ist die Beste (Sicherste)?

Gibt es evtl. schon diverse Vorlagen die mir helfen könnten?

Habe bis jetzt immer mit Sessions gearbeitet. In Sachen Sicherheit weiss ich aber noch nicht zu 100% bescheid. Macht es Sinn die Session in einer Tabelle abzuspeichern?

Für die Antworten danke ich

MfG XantypiaxD

XantypiaxD

Du schreibst in deine css-Datei folgendes:

PHP

* {
margin:0;
padding:0;
}

Das heißt, für alle Elemente z.B. p, h1, h2, h3, h4, ... wird margin und padding, 0 gesetzt.

XantypiaxD

Sieht nach einem typischen (margin) Fehler aus.
Irgendein Element hat einen bestimmten margin-Wert, der das Element nach unten "zieht".

Weise dem Universalselektor (*) mal "margin:0;" und "padding:0;" zu

XantypiaxD

Die Funktion gibt mir jetzt garnix mehr aus..

Meine Variante funktioniert ja.. aber es wird immer doppelt ausgegeben:

HelloWorld
HelloWorld

z.B.

Edit: Klappt jetzt alles wunderbar

Lösung:

PHP

$('#vm_settings').click(function() {
    $('<div/>', {'class': 'v_settings', 'text': 'Click me!'}).appendTo('#_frame');
});

XantypiaxD

ich arbeite halt lieber mit jQuerye

habe schon eine passende Funktion gefunden, so funktionierts:

PHP

$('<div>Hello</div>').appendTo('body')

Aber iwie wird jetzt Hello 2x ausgegeben.

Übrigens geschieht das Selbe auch bei der von dir vorgeschlagenen Variante von SelfHTML.

XantypiaxD

Servus.

Ich suche eine Funktion, die mir via jQuery ein DIV an einer beliebigen Stelle im Quelltext erstellt.

Per Klick auf einen Link soll sich im Body ein neues Div öffnen, welches mittels jQuery erstellt wird. Oder gibts vielleicht noch eine bessere Lösung anstatt jQuery?

Vielen Dank für eure Hilfe.

MfG XantypiaxD

PS: bis jetzt hatte ich folgenden Quellcode:

PHP

$('#vm_settings').click(function() {
    $('<div/>', {'class': 'v_settings'}).appendTo("#_frame");
});

XantypiaxD

stimmt wohl.. Danke Damit lässt sich was anfangen.

XantypiaxD

Tag

Ich beschäftige mich derzeit mit einem kleinen Problem.

Ich habe ein kleines vertikales Menü eingerichtet:

PHP

<div id="nav_v">
  <div id="dot1"><a href=""><img src=""></a></div>
  <div id="dot2"><a href=""><img src=""></a></div>
  <div id="dot3"></div>
    <div id="dot3_hide" style="display:none;"></div>
  <div id="dot4"><a href=""><img src=""></a></div>
</div>

Nun habe ich mit Hilfe von jQuery etwas kleines gebastelt, dass wenn ich "dot3" anklicke sich ein Untermenü auftut aus dem Unterpunkte gewählt werden können.

jQuery Code:

PHP

var stat = false;
$("#dot3").click(function() {
      if(stat == true) {
         $("#dot3_hide").hide(300)
         stat = false;
      }
      else if(stat == false) {
         $("#dot3_hide").show(300);
         stat = true;
      }
});

Alles anzeigen

Das funktioniert auch alles wunderbar.

Zum Problem:

Ich will, dass wenn ich jetzt einen anderen Link im Menü anklicke (z.B. dot1, dot2, ...), dass "dot3_hide" weiterhin offen bleibt. Momentan verschwindet nämlich "dot3_hide" wieder, weil die Seite ja aktualisiert wird.

Ich hab auch schon ein paar Ideen, aber die klingen alle ganzschön kompliziert. Ich denke da muss es bestimmt auch eine "schöne kleine" Möglichkeit geben.

Habt ihr Rat? Schonmal Danke.

MfG XantypiaxD

XantypiaxD

weil ich dass ganze in einem komplexerem Script verwende und wenn ich dann die Seite verkleiner sich der Rest verschiebt.

XantypiaxD

richtig.. Ich will halt vermeiden, dass sich zwei Leute mit den selben Anmeldedaten anmelden

XantypiaxD

was heißt unter Umständen xP

XantypiaxD

Halli Hallo..

Kleines Problem.

Ich habe nach dem Login eine Session gesetzt.

PHP

$_SESSION['user'] = $_POST['nick'];

Kann ich jetzt allgemein auslesen ob die Session "user" mit dem Inhalt "$_POST['nick']" schon gesetzt ist?

Also sowas wie:

PHP

if((isset($_SESSION['user'])) AND ($_SESSION['user'] != $_POST['nick']))

Danke für die Antworten.

MfG XantypiaxD

XantypiaxD

Guten Morgen..

Ich habe ein kleines Problem und benötige eure Hilfe.

Ich habe eine Tabelle. In dieser befinden sich 4 Div's.

Ich will eine Art Bilderrahmen erzeugen. Sprich in der Tabelle befindet sich das Bild und durch die 4 Div's (top, left, right, bottom) sollen die Ränder des Bildes abgedeckt werden.

Weiss jemand von euch wie das funktionieren könnte, bzw. nach was ich mich erkundigen müsste?

Hier mein Quellcode:

HTML

<html>


<head>
	<link href="tap.css" rel="stylesheet" type="text/css">
</head>


<body>
	<table id="s1" border="0" cellspacing="0" cellpadding="0" align="center">
		<tr valign="top">
			<td>
			<div id="back">
				<div id="top"></div>
				<div id="left"></div>
				<div id="right"></div>
				<div id="bottom"></div>
			</div>	
			</td>
		</tr>
	</table>
</body>


</html>

Alles anzeigen

Und hier die tap.css:

Code

#s1 {
	width:500px;
	height:500px;
}


#back {
	background-color:black;
}


#top {
	background-image:url(ist.png);
	background-repeat:repeat-xy;
	width:500px;
	height:30px;
}


#left {
	background-image:url(ist.png);
	background-repeat:repeat-xy;
	width:30px;
	height:440px;
	float:left;
}


#right {
	background-image:url(ist.png);
	background-repeat:repeat-xy;
	width:30px;
	height:440px;
	float:right;
}


#bottom {
	background-image:url(ist.png);
	background-repeat:repeat-xy;
	width:500px;
	height:30px;
	clear:both;
}

Alles anzeigen

Danke für alle Antworten.

Mit freundlichen Grüßen

XantypiaxD

Edit: Ich möchte nicht mit "postion:absolute" arbeiten!

XantypiaxD

Zitat von SinnlosS

Also ich muss sagen, ich würde es genauso machen wie er. Der eine Request sollte nicht viel Leistung kosten. Alle Infos für jeden User vorzuladen erzeugt da doch deutlich mehr Last. Ich lade lieber die Übersichtsseite schnell, und dann die Infos zu den paar Teams die mich vermutlich nur interessieren kurz nachzuladen, als auf die Übersicht länger zu warten, weil möglicherweise jede Menge Infos mitgeladen werden, die mich gar nicht interessieren.

@Xantypia mal noch:
http://www.php-faq.de/q-sql-select.html

ups.. ty hab ich ganz vergessen.

XantypiaxD

Danke Danke Danke Da hätte ich zwar selbst drauf kommen können..

Es klappt wunderschön^^

XantypiaxD

Zitat von synaptic
aber nun zu deinem problem
du vergibst dort eine ID mehrfach
Code
[COLOR=#000000][COLOR=#007700] <[/COLOR][COLOR=#0000BB]input type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"hidden" [/COLOR][COLOR=#0000BB]name[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"mit_id" [/COLOR][COLOR=#0000BB]value[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"'.$st8->id.'" [/COLOR][COLOR=#0000BB]id[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"hid_id"[/COLOR][COLOR=#007700]> [/COLOR][/COLOR]
bei jedem durchlauf hat das ding die gleiche id, das heisst bei 8 durchläufen der schleife haste das element mit der id 8 mal drin..
ich denke mal, dass dort der kanckpunkt liegt, was aber (meiner meinung nach) ohne link oder dump schlecht zu sagen is

Dass habe ich jetzt auch schon heraus gefunden. Wenn ich dem input-Element eine "class" anstatt "id" zuweise alle ID's ausgegeben:

Bei 2 Ausgaben also so : mit_id=1&mit_id=2

Aber dass bringt mir auch nicht viel, denn wenn ich nun den ersten User anklicke bekomme ich (mit_id=1&mit_id=2) und beim zweiten User auch.

XantypiaxD

N'abend..

Ich stehe momentan vor einem kleinen Problem.

Ich habe eine Datenbankabfrage mittles einer While-Schleife, die mir Benutzer aus einer Tabelle ausliest.

Jetzt möchte ich per jQuery nähere Informationen des Benutzers in einer anderen Tabellenspalte aufzeigen, wenn auf einen Pfeil gedrückt wurde.

Jetzt werden ja mehrere Benutzer ausgelesen und so habe ich die jQuery "Abfrage" so gestaltet, dass sie sich an der ID des jeweiligen Benutzers orientiert:

Hier erstmal die Source-Codes:

team.php

PHP

<table id="team" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<td id="team_l">';

			$sq8 = "SELECT * FROM cj2n.team;";
			$sp8 = mysql_query($sq8);

			while($st8 = mysql_fetch_object($sp8))
			{
			$nick = htmlentities($st8->nick);
			echo '
			<table class="t_head" border="0" cellspacing="0" cellpadding="0">
				<form method="post" action="index.php?p=team" class="teamform">
				<tr>
					<td class="t_nick">'.$nick.'</td>
					<td class="t_but" rowspan="2"></td>
				</tr>
				<tr>
					<td class="t_kon">'.$st8->rang_lang.'</td>
				</tr>
				<input type="hidden" name="mit_id" value="'.$st8->id.'" id="hid_id">
				</form>
			</table>
			';
			}


		echo '</td>
		<td id="team_r"></td>
	</tr>
</table>';

Alles anzeigen

jquery.js

PHP

$(".t_but").click(function() {
			var team = $("#hid_id").serialize(); 
			$("#team_r").load("lib/team_m.php?"+team);
		});

Jetzt habe ich das Problem, dass ich immer nur die ID des ersten Benutzers in der Variable "team" vorfinde.

Weiss jemand von euch was zu tun ist ?

Wäre sehr glücklich wenn jmd. helfen könnte.

MfG XantypiaxD

XantypiaxD

N'abend. Habe ein kleines Problem.

Habe folgendes vor:

Habe eine Checkbox die betätigt werden soll, wenn man die AGB gelesen hat.
Wenn der Haken in der Checkbox gesetzt ist, soll der Weiter-Button (Submit-Button) entsperrt werden. Wenn der Haken nicht gesetzt ist, soll der Button gesperrt sein.

Schnipsel meines HTML - Codes:

HTML

<input type="checkbox" name="agb" value="ÁGB" checked="true"> Ich akzeptiere die Allgemeinen Bedingungen zur Anmeldung</div>


<a href="index.php?p=t1&s=step2"><input type="submit" name="submit2" value="Weiter" border="0"></a>

Habe folgenden kleinen jQuery Code in meinem Script verbaut:

HTML

$(document).ready(function() {


	
	$('input[type='checkbox']').click(function() {

		if($('input[name='agb'][checked=false]'))
		{
		$('input[name='submit2']').attr('disabled', 'disabled');
		} 
		else 
		{
		$('input[name='submit2']').removeAttr('disabled');
		}

	});



});

Alles anzeigen

Mein Problem: Es funktioniert einmal am Anfang, wenn ich die Checkbox "entchecke"-> Den Haken raus nehme.

Was mache ich falsch? Will ja, dass der Submit-Button zwischen gesperrt und entsperrt wechselt, jenachdem ob ich den Haken gesetzt oder nicht gesetzt habe.

XantypiaxD

Hab jetzt ein schönes Script gefunden!

Ich müsste nur wissen, wie man hinbekommt, dass man, wenn die Seite geladen ist, die Slideshow anfängt und wenn man mit der Maus über das Div kommt aufhört und wenn man mit der Maus wieder vom Div "runter geht", die Slideshow wieder weiterläuft.

Hier der jQuery Code:

Code

/*
 * jQuery SmoothDivScroll 1.1
 *
 * Copyright (c) 2010 Thomas Kahn
 * Licensed under the GPL license.
 *
 * http://www.maaki.com/thomas/SmoothDivScroll/
 *
 * Depends:
 * jquery.ui.widget.js
 *
 */
(function($){$.widget("thomaskahn.smoothDivScroll",{options:{scrollingHotSpotLeft:"div.scrollingHotSpotLeft",scrollingHotSpotRight:"div.scrollingHotSpotRight",scrollableArea:"div.scrollableArea",scrollWrapper:"div.scrollWrapper",hiddenOnStart:false,ajaxContentURL:"",countOnlyClass:"",scrollStep:3,scrollInterval:10,mouseDownSpeedBooster:3,autoScroll:"",autoScrollDirection:"right",autoScrollStep:5,autoScrollInterval:10,visibleHotSpots:"",hotSpotsVisibleTime:5,startAtElementId:""},_create:function(){var self=this,o=this.options,el=this.element;el.data("scrollWrapper",el.find(o.scrollWrapper));el.data("scrollingHotSpotRight",el.find(o.scrollingHotSpotRight));el.data("scrollingHotSpotLeft",el.find(o.scrollingHotSpotLeft));el.data("scrollableArea",el.find(o.scrollableArea));el.data("speedBooster",1);el.data("motherElementOffset",el.offset().left);el.data("scrollXPos",0);el.data("hotSpotWidth",el.find(o.scrollingHotSpotLeft).width());el.data("scrollableAreaWidth",0);el.data("startingPosition",0);el.data("rightScrollInterval",null);el.data("leftScrollInterval",null);el.data("autoScrollInterval",null);el.data("hideHotSpotBackgroundsInterval",null);el.data("previousScrollLeft",0);el.data("pingPongDirection","right");el.data("getNextElementWidth",true);el.data("swapAt",null);el.data("startAtElementHasNotPassed",true);el.data("swappedElement",null);el.data("originalElements",el.data("scrollableArea").children(o.countOnlyClass));el.data("visible",true);el.data("initialAjaxContentLoaded",false);el.data("enabled",true);el.data("scrollWrapper").scrollLeft(el.data("startingPosition"));if(o.autoScroll!=="always"){switch(o.visibleHotSpots){case"always":self.showHotSpotBackgrounds();break;case"onstart":self.showHotSpotBackgrounds();el.data("hideHotSpotBackgroundsInterval",setTimeout(function(){self.hideHotSpotBackgrounds("slow")},(o.hotSpotsVisibleTime*1000)));break;default:break}}el.data("scrollingHotSpotRight").bind("mousemove",function(e){var x=e.pageX-(this.offsetLeft+el.data("motherElementOffset"));el.data("scrollXPos",Math.round((x/el.data("hotSpotWidth"))*o.scrollStep));if(el.data("scrollXPos")===Infinity){el.data("scrollXPos",0)}});el.data("scrollingHotSpotRight").bind("mouseover",function(){if((o.autoScroll==="onstart"&&el.data("autoScrollInterval")!==null)){clearInterval(el.data("autoScrollInterval"));el.data("autoScrollInterval",null);self._trigger("autoScrollIntervalStopped")}el.data("rightScrollInterval",setInterval(function(){if(el.data("scrollXPos")>0&&el.data("enabled")){el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+(el.data("scrollXPos")*el.data("speedBooster")));self._showHideHotSpots()}},o.scrollInterval));self._trigger("mouseOverRightHotSpot")});el.data("scrollingHotSpotRight").bind("mouseout",function(){clearInterval(el.data("rightScrollInterval"));el.data("scrollXPos",0)});el.data("scrollingHotSpotRight").bind("mousedown",function(){el.data("speedBooster",o.mouseDownSpeedBooster)});$("body").bind("mouseup",function(){el.data("speedBooster",1)});el.data("scrollingHotSpotLeft").bind("mousemove",function(e){var x=el.data("scrollingHotSpotLeft").innerWidth()-(e.pageX-el.data("motherElementOffset"));el.data("scrollXPos",Math.round((x/el.data("hotSpotWidth"))*o.scrollStep));if(el.data("scrollXPos")===Infinity){el.data("scrollXPos",0)}});el.data("scrollingHotSpotLeft").bind("mouseover",function(){if((o.autoScroll==="onstart"&&el.data("autoScrollInterval")!==null)){clearInterval(el.data("autoScrollInterval"));el.data("autoScrollInterval",null);self._trigger("autoScrollIntervalStopped")}el.data("leftScrollInterval",setInterval(function(){if(el.data("scrollXPos")>0&&el.data("enabled")){el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-(el.data("scrollXPos")*el.data("speedBooster")));self._showHideHotSpots()}},o.scrollInterval));self._trigger("mouseOverLeftHotSpot")});el.data("scrollingHotSpotLeft").bind("mouseout",function(){clearInterval(el.data("leftScrollInterval"));el.data("scrollXPos",0)});el.data("scrollingHotSpotLeft").bind("mousedown",function(){el.data("speedBooster",o.mouseDownSpeedBooster)});$(window).bind("resize",function(){if(!(o.hiddenOnStart)){self._showHideHotSpots()}self._trigger("windowResized")});if(o.ajaxContentURL.length>0){self.replaceContent(o.ajaxContentURL)}else{self.recalculateScrollableArea()}if(o.hiddenOnStart){self.hide()}if((o.autoScroll.length>0)&&!(o.hiddenOnStart)&&(o.ajaxContentURL.length<=0)){self.startAutoScroll()}},showHotSpotBackgrounds:function(fadeSpeed){var self=this,el=this.element;if(fadeSpeed!==undefined){el.data("scrollingHotSpotLeft").css("opacity","0.0");el.data("scrollingHotSpotRight").css("opacity","0.0");el.data("scrollingHotSpotLeft").addClass("scrollingHotSpotLeftVisible");el.data("scrollingHotSpotRight").addClass("scrollingHotSpotRightVisible");el.data("scrollingHotSpotLeft").fadeTo(fadeSpeed,0.35);el.data("scrollingHotSpotRight").fadeTo(fadeSpeed,0.35)}else{el.data("scrollingHotSpotLeft").addClass("scrollingHotSpotLeftVisible");el.data("scrollingHotSpotLeft").removeAttr("style");el.data("scrollingHotSpotRight").addClass("scrollingHotSpotRightVisible");el.data("scrollingHotSpotRight").removeAttr("style")}self._showHideHotSpots()},hideHotSpotBackgrounds:function(fadeSpeed){var el=this.element;if(fadeSpeed!==undefined){el.data("scrollingHotSpotLeft").fadeTo(fadeSpeed,0.0,function(){el.data("scrollingHotSpotLeft").removeClass("scrollingHotSpotLeftVisible")});el.data("scrollingHotSpotRight").fadeTo(fadeSpeed,0.0,function(){el.data("scrollingHotSpotRight").removeClass("scrollingHotSpotRightVisible")})}else{el.data("scrollingHotSpotLeft").removeClass("scrollingHotSpotLeftVisible");el.data("scrollingHotSpotLeft").removeAttr("style");el.data("scrollingHotSpotRight").removeClass("scrollingHotSpotRightVisible");el.data("scrollingHotSpotRight").removeAttr("style")}},_showHideHotSpots:function(){var self=this,el=this.element,o=this.options;if(o.autoScroll!=="always"){if(el.data("scrollableAreaWidth")<=(el.data("scrollWrapper").innerWidth())){el.data("scrollingHotSpotLeft").hide();el.data("scrollingHotSpotRight").hide()}else if(el.data("scrollWrapper").scrollLeft()===0){el.data("scrollingHotSpotLeft").hide();el.data("scrollingHotSpotRight").show();self._trigger("scrollLeftLimitReached");clearInterval(el.data("leftScrollInterval"));el.data("leftScrollInterval",null)}else if(el.data("scrollableAreaWidth")<=(el.data("scrollWrapper").innerWidth()+el.data("scrollWrapper").scrollLeft())){el.data("scrollingHotSpotLeft").show();el.data("scrollingHotSpotRight").hide();self._trigger("scrollRightLimitReached");clearInterval(el.data("rightScrollInterval"));el.data("rightScrollInterval",null)}else{el.data("scrollingHotSpotLeft").show();el.data("scrollingHotSpotRight").show()}}else{el.data("scrollingHotSpotLeft").hide();el.data("scrollingHotSpotRight").hide()}},moveToElement:function(moveTo,elementNumber){var self=this,el=this.element,o=this.options,tempScrollableAreaWidth=0,foundStartAtElement=false;switch(moveTo){case"first":el.data("scrollXPos",0);self._trigger("movedToFirstElement");break;case"start":el.data("scrollableArea").children(o.countOnlyClass).each(function(){if((o.startAtElementId.length>0)&&(($(this).attr("id"))===o.startAtElementId)){el.data("startingPosition",tempScrollableAreaWidth);foundStartAtElement=true}tempScrollableAreaWidth=tempScrollableAreaWidth+$(this).outerWidth(true)});el.data("scrollXPos",el.data("startingPosition"));self._trigger("movedToStartElement");break;case"last":el.data("scrollXPos",el.data("scrollableAreaWidth"));self._trigger("movedToLastElement");break;case"number":if(!(isNaN(elementNumber))){el.data("scrollableArea").children(o.countOnlyClass).each(function(index){if(index===(elementNumber-1)){el.data("scrollXPos",tempScrollableAreaWidth)}tempScrollableAreaWidth=tempScrollableAreaWidth+$(this).outerWidth(true)})}self._trigger("movedToElementNumber",null,{"elementNumber":elementNumber});break;default:break}el.data("scrollWrapper").scrollLeft(el.data("scrollXPos"));self._showHideHotSpots()},addContent:function(ajaxContentURL,addWhere){var self=this,el=this.element;$.get(ajaxContentURL,function(data){if(addWhere==="first"){el.data("scrollableArea").children(":first").before(data)}else{el.data("scrollableArea").children(":last").after(data)}self.recalculateScrollableArea();self._showHideHotSpots()})},replaceContent:function(ajaxContentURL){var self=this,el=this.element;el.data("scrollableArea").load(ajaxContentURL,function(){self.recalculateScrollableArea();self.moveToElement("first");self._showHideHotSpots();el.data("startingPosition",0)})},recalculateScrollableArea:function(){var tempScrollableAreaWidth=0,foundStartAtElement=false,o=this.options,el=this.element,self=this;el.data("scrollableArea").children(o.countOnlyClass).each(function(){if((o.startAtElementId.length>0)&&(($(this).attr("id"))===o.startAtElementId)){el.data("startingPosition",tempScrollableAreaWidth);foundStartAtElement=true}tempScrollableAreaWidth=tempScrollableAreaWidth+$(this).outerWidth(true)});if(!(foundStartAtElement)){el.data("startAtElementId","")}el.data("scrollableAreaWidth",tempScrollableAreaWidth);el.data("scrollableArea").width(el.data("scrollableAreaWidth"));if(!(el.data("initialAjaxContentLoaded"))){if((o.autoScroll.length>0)&&!(o.hiddenOnStart)&&(o.ajaxContentURL.length>0)){self.startAutoScroll();el.data("initialAjaxContentLoaded",true)}}},stopAutoScroll:function(){var self=this,el=this.element;clearInterval(el.data("autoScrollInterval"));el.data("autoScrollInterval",null);self._showHideHotSpots();self._trigger("autoScrollStopped")},startAutoScroll:function(){var self=this,el=this.element,o=this.options;self._showHideHotSpots();clearInterval(el.data("autoScrollInterval"));el.data("autoScrollInterval",null);self._trigger("autoScrollStarted");el.data("autoScrollInterval",setInterval(function(){if(!(el.data("visible"))||(el.data("scrollableAreaWidth")<=(el.data("scrollWrapper").innerWidth()))){clearInterval(el.data("autoScrollInterval"));el.data("autoScrollInterval",null)}else{el.data("previousScrollLeft",el.data("scrollWrapper").scrollLeft());switch(o.autoScrollDirection){case"right":el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+o.autoScrollStep);if(el.data("previousScrollLeft")===el.data("scrollWrapper").scrollLeft()){self._trigger("autoScrollRightLimitReached");clearInterval(el.data("autoScrollInterval"));el.data("autoScrollInterval",null);self._trigger("autoScrollIntervalStopped")}break;case"left":el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-o.autoScrollStep);if(el.data("previousScrollLeft")===el.data("scrollWrapper").scrollLeft()){self._trigger("autoScrollLeftLimitReached");clearInterval(el.data("autoScrollInterval"));el.data("autoScrollInterval",null);self._trigger("autoScrollIntervalStopped")}break;case"backandforth":if(el.data("pingPongDirection")==="right"){el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+(o.autoScrollStep))}else{el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-(o.autoScrollStep))}if(el.data("previousScrollLeft")===el.data("scrollWrapper").scrollLeft()){if(el.data("pingPongDirection")==="right"){el.data("pingPongDirection","left");self._trigger("autoScrollRightLimitReached")}else{el.data("pingPongDirection","right");self._trigger("autoScrollLeftLimitReached")}}break;case"endlessloopright":if(el.data("getNextElementWidth")){if((o.startAtElementId.length>0)&&(el.data("startAtElementHasNotPassed"))){el.data("swapAt",$("#"+o.startAtElementId).outerWidth(true));el.data("startAtElementHasNotPassed",false)}else{el.data("swapAt",el.data("scrollableArea").children(":first").outerWidth(true))}el.data("getNextElementWidth",false)}el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+o.autoScrollStep);if(el.data("swapAt")<=el.data("scrollWrapper").scrollLeft()){el.data("swappedElement",el.data("scrollableArea").children(":first").detach());el.data("scrollableArea").append(el.data("swappedElement"));el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-el.data("swappedElement").outerWidth(true));el.data("getNextElementWidth",true)}break;case"endlessloopleft":if(el.data("getNextElementWidth")){if((o.startAtElementId.length>0)&&(el.data("startAtElementHasNotPassed"))){el.data("swapAt",$("#"+o.startAtElementId).outerWidth(true));el.data("startAtElementHasNotPassed",false)}else{el.data("swapAt",el.data("scrollableArea").children(":first").outerWidth(true))}el.data("getNextElementWidth",false)}el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()-o.autoScrollStep);if(el.data("scrollWrapper").scrollLeft()===0){el.data("swappedElement",el.data("scrollableArea").children(":last").detach());el.data("scrollableArea").prepend(el.data("swappedElement"));el.data("scrollWrapper").scrollLeft(el.data("scrollWrapper").scrollLeft()+el.data("swappedElement").outerWidth(true));el.data("getNextElementWidth",true)}break;default:break}}},o.autoScrollInterval))},restoreOriginalElements:function(){var self=this,el=this.element;el.data("scrollableArea").html(el.data("originalElements"));self.recalculateScrollableArea();self.moveToElement("first")},show:function(){var el=this.element;el.data("visible",true);el.show()},hide:function(){var el=this.element;el.data("visible",false);el.hide()},enable:function(){var el=this.element;el.data("enabled",true)},disable:function(){var el=this.element;clearInterval(el.data("autoScrollInterval"));clearInterval(el.data("rightScrollInterval"));clearInterval(el.data("leftScrollInterval"));clearInterval(el.data("hideHotSpotBackgroundsInterval"));el.data("enabled",false)},destroy:function(){var el=this.element;clearInterval(el.data("autoScrollInterval"));clearInterval(el.data("rightScrollInterval"));clearInterval(el.data("leftScrollInterval"));clearInterval(el.data("hideHotSpotBackgroundsInterval"));el.data("scrollingHotSpotRight").unbind("mouseover");el.data("scrollingHotSpotRight").unbind("mouseout");el.data("scrollingHotSpotRight").unbind("mousedown");el.data("scrollingHotSpotLeft").unbind("mouseover");el.data("scrollingHotSpotLeft").unbind("mouseout");el.data("scrollingHotSpotLeft").unbind("mousedown");el.data("scrollableArea").html(el.data("originalElements"));el.data("scrollableArea").removeAttr("style");el.data("scrollingHotSpotRight").removeAttr("style");el.data("scrollingHotSpotLeft").removeAttr("style");el.data("scrollWrapper").scrollLeft(0);el.data("scrollingHotSpotLeft").removeClass("scrollingHotSpotLeftVisible");el.data("scrollingHotSpotRight").removeClass("scrollingHotSpotRightVisible");el.data("scrollingHotSpotRight").hide();el.data("scrollingHotSpotLeft").hide();$.Widget.prototype.destroy.apply(this,arguments)}})})(jQuery);

Alles anzeigen

Momentan, kann man, wenn man mit der Maus über den linken oder rechten Bereich der Slideshow fährt scrollen.

XantypiaxD

k ty.. brauchst es nicht verschieben.. habt genug geholfen ty

Beiträge von XantypiaxD

Welches Verfahren als Loginscript?

Design Fehler

Design Fehler

DIV via jQuery erstellen

DIV via jQuery erstellen

DIV via jQuery erstellen

ausklappbarer Menübereich jQuery

ausklappbarer Menübereich jQuery

HTML/CSS - DIV mit Begrenzung

Session schon registriert?

Session schon registriert?

Session schon registriert?

HTML/CSS - DIV mit Begrenzung

while-Schleife; jQuery Problem

while-Schleife; jQuery Problem

while-Schleife; jQuery Problem

while-Schleife; jQuery Problem

jQuery - Checkbox Checker

Javascript Slideshow mit DIV/Table

Javascript Slideshow mit DIV/Table