2 vragen

FrankY

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

BUMP!
Weet niemand het ?

Tim

Javascript variabelen beginnen niet met een $.

FrankY

Je bedoelt $slider?

Extreme

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

Jannick

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

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

Tim

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

L.Groot

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

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

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/questions/1661…-variable-names
http://www.w3schools.com/js/js_variables.asp

FrankY

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

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

Doet het helaas ook niet. Zie hier de site:

http://franksijbom.xlwebs.nl/cms

zwpgangster

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

ICTscripters

Dé plek voor IT

Dé plek voor IT

Beta-testers gezocht voor Crypto-oefenplatform

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

350 Nieuwe Domeinnamen Januari 2026

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

2 vragen

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

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

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

Gebruikers die dit topic bekijken