2 vragen

FrankY · 21 Juni 2011

Beste,

ik heb 2 vragen voor jullie en ik hoop dat jullie die kunnen beantwoorden.

Ik ben een site aan het ontwikkelen waarmee ik graag mijn eigen gebouwde CMS op wil maken. Ik wil gebruik maken van een "slider". Die moet dan 5 afbeeldingen laten zien, nu kom ik bij de eerste vraag, waarom werkt mijn stukje code niet? Ik heb een tut gevolgd maar hij beweegt niet. Dit is de stukje code:

PHP

<script type="text/javascript">
   $( function () {
            $slider = {
                    currentFrame: 1,
                    slideSpeed: 3000,
                    animateSpeed: 1000,
                    slide: function () {
                            $slider.currentFrame = ($slider.currentFrame >= $("div#slider ul li").length ? 1 : $slider.currentFrame+1);
                           
                            $("div#slider ul").animate({
                                    left: ( '-' + $("div#slider ul li:eq(" + ($slider.currentFrame-1) + ")").position().left )
                            }, $slider.animateSpeed);
                    },
                    start: function() {
                            $interval = setInterval( function () {
                                    $slider.slide();
                            }, $slider.slideSpeed);
                    }
            };
           
            $slider.start();
    });
</script>

Toon Meer

Nu kom ik bij de 2e vraag, is het mogelijk om met javascript mijn content uit te laten rekken ?

Bij voorbaat dank,

Frank sijbom.

[offtopic]Laaaars?:$[/offtopic]

FrankY · 22 Juni 2011

BUMP!
Weet niemand het ?

Tim · 22 Juni 2011

Javascript variabelen beginnen niet met een $.

FrankY · 22 Juni 2011

Je bedoelt $slider?

Extreme · 22 Juni 2011

de dollarteken wordt daar gebruikt om het JQUERY framework aan te roepen.
Dusja javascript kan best $ gebruiken.

Jannick · 22 Juni 2011

Je kan geen $ gebruiken om zo variabelen aan te roepen. Daarvoor moet je eigenlijk dit doen:

PHP

$("div#slider")

Dit zal de div selecteren die ID "slider" heeft.
Verder is volgens mij de syntax anders dan dat hier beschreven is; heb je geprobeerd om de fout op te sporen met de plugin firebug (klik)?

FrankY · 22 Juni 2011

Ja, ik gebruik firebug altijd als ik er niet uit kom, maar kan ik nou wel een $ gebruiken of niet ?

Tim · 22 Juni 2011

Normaal gesproken gebruik je geen $ teken voor een variabele in javascript. Ook gebruik je eigenlijk "var" voor het initialiseren.

L.Groot · 23 Juni 2011

BrokenTrack heeft inderdaad gelijk, in PHP en volgens mij ook PERL of CGI gebruik je een dollar teken. In javascript gebruik je het gewoon zonder. In jQuery als je een id of class wil ophalen gebruik je wel een dollarteken, bij een gewone variabele ook niet.
Daarom moet deze code werken:

PHP

<script type="text/javascript"> 
   $(function(){
        slider = { 
            currentFrame: 1, 
            slideSpeed: 3000, 
            animateSpeed: 1000, 
            slide: function(){ 
				slider.currentFrame = (slider.currentFrame >= $("div#slider ul li").length ? 1 : slider.currentFrame+1); 
                $("div#slider ul").animate({ 
                    left: ( '-' + $("div#slider ul li:eq(" + (slider.currentFrame-1) + ")").position().left ) 
                }, slider.animateSpeed); 
            }, 
            start: function(){
                interval = setInterval( function(){
					slider.slide(); 
				}, slider.slideSpeed); 
			}
        }
        slider.start(); 
    }); 
</script>

Toon Meer

Jannick · 23 Juni 2011

L.Groot Waar definieer je "slider"? Je zult 'm toch aan een object moeten koppelen met een selector, net zoals er bij $("div#slider ul"); gebeurd.

Stefan.J · 23 Juni 2011

Binnen PHP is het dollarteken een prefix voor een variabele. Alle variabelen beginnen dus met het dollarteken. Dit maakt het dan ook mogelijk om reserved keywords te gebruiken als variabele zoals '$while' en '$if'.

JavaScript kent deze prefix echter niet. In JavaScript hebben variabele geen prefix, en 'helloworld' kan dan ook een goede variabele naam zijn. Echter, het dollarteken mag wel voorkomen in de naam van een variabele binnen JavaScript. '$helloworld', 'hello$world' en zelfs '$' zijn dan ook geldige variabele namen.

jQuery maakt standaard gebruik van de variabele genaamd '$'. Daarom maak je bij jQuery vaak gebruik van het dollarteken. Echter, je kunt ook alle dollarteken vervangen met 'jQuery', wat een alias is op dezelfde variabele (ergens in de code van jQuery staat var $ = jQuery;).

Het vergeten of niet gebruiken van het keyword 'var' is in dit geval ook zeker niet het probleem, variabele mogen namelijk worden gedefinieerd zonder dit keyword.

Jannick: Ik denk dat de functie niet moet worden gekoppeld aan een event (van een HTML element), en niet aan een selector (ofwel HTML element of lijst van HTML elementen) zelf.

http://stackoverflow.com/quest…javascript-variable-names
http://www.w3schools.com/js/js_variables.asp

FrankY · 23 Juni 2011

Ik heb die van L.Groot geprobeerd, ging er ook van uit dat die werkte aangezien hij het wel weet, maar helaas hij doet het niet. NOu dacht ik misschien dat het wel kon liggen aan het html code, maar na het te hebben bekeken lijkt me het sterk. Maar in ieder geval.

De html code:

PHP

<div id="slider">
				<ul>
						<li>
								Dia 1
						</li>
						<li>
								Dia 2
						</li>
						<li>
								Dia 3
						</li>
						<li>
								Dia 4
						</li>
						<li>
								Dia 5
						</li>
				</ul>
		</div>

Toon Meer

De CSS code:

PHP

div#slider {
    width: 800px;
    overflow: hidden;
    position: relative;
    border: 1px solid #0087c9;
	margin-left: 60px;
	margin-top: 10px;
}
div#slider ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 6400px;
    height: 150px;
    position: relative;
}
div#slider ul li {
    height: 150px;
    width: 798px;
    float: left;
    overflow: hidden;
}

Toon Meer

Met vriendelijke groet,

Frank sijbom

zwpgangster · 23 Juni 2011

PHP

<script type="text/javascript"> 
   $(function("div#slider"){ 
        slider = { 
            currentFrame: 1, 
            slideSpeed: 3000, 
            animateSpeed: 1000, 
            slide: function(){ 
                slider.currentFrame = (slider.currentFrame >= $("div#slider ul li").length ? 1 : slider.currentFrame+1); 
                $("div#slider ul").animate({ 
                    left: ( '-' + $("div#slider ul li:eq(" + (slider.currentFrame-1) + ")").position().left ) 
                }, slider.animateSpeed); 
            }, 
            start: function(){
                interval = setInterval( function(){
                    slider.slide(); 
                }, slider.slideSpeed); 
            }
        }
        slider.start(); 
    }); 
</script>

Toon Meer

FrankY · 23 Juni 2011

Doet het helaas ook niet. Zie hier de site:

http://franksijbom.xlwebs.nl/cms

zwpgangster · 23 Juni 2011

PHP

<script type="text/javascript"> 
   $(function(slider){ 
        slider = { 
            currentFrame: 1, 
            slideSpeed: 3000, 
            animateSpeed: 1000, 
            slide: function(){ 
                slider.currentFrame = (slider.currentFrame >= $("div#slider ul li").length ? 1 : slider.currentFrame+1); 
                $("div#slider ul").animate({ 
                    left: ( '-' + $("div#slider ul li:eq(" + (slider.currentFrame-1) + ")").position().left ) 
                }, slider.animateSpeed); 
            }, 
            start: function(slider){
                interval = setInterval( function(slider){
                    slider.slide(); 
                }, slider.slideSpeed); 
            }
        }
        slider.start(); 
    }); 
</script>

Toon Meer

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

App bouwer gezocht

Dating software

250 Nieuwe domeinnamen April 2024

Xenforo buckaroo plugin

2 vragen

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken