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>

Meer tonen

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>

Meer tonen

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>

Meer tonen

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;
}

Meer tonen

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>

Meer tonen

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>

Meer tonen

ICTscripters

Dé plek voor IT

Dé plek voor IT

Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

Crime Club volledig herschreven vanaf nul

Malavita (nieuwe maffia game, van 0)

Herkent deze Notion-structuurscan echte problemen?

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

🚀 WE ZOEKEN TESTERS! 🚀

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

[TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

[TE KOOP] Likeboost24.nl: complete SMM-webshop met eigen merk, volautomatische levering en betalen op de eigen pagina

Te koop: TuinKlussen.be, een kant-en-klaar platform voor tuinklussen in Vlaanderen en Brussel

2 vragen

Registratie

PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

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