Berichten: 552
avatar
Offline Stuur privebericht
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:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
   $( function () {
            
$slider = {
                    
currentFrame1,
                    
slideSpeed3000,
                    
animateSpeed1000,
                    
slide: function () {
                            
$slider.currentFrame = ($slider.currentFrame >= $("div#slider ul li").length $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>


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

Bij voorbaat dank,

Frank sijbom.

Laaaars?
Laatst gewijzigd door FrankY op 2011-06-21 13:22:11
21-06-2011 13:18
Dit topic is 519 keer bekeken door 60 verschillende leden
Reacties op: "2 vragen"
1 | 2 Volgende pagina
Berichten: 552
avatar
Offline Stuur privébericht
BUMP!
Weet niemand het ?
22-06-2011 12:50
Informatica Student
Berichten: 1406
avatar
Online Stuur privébericht
Javascript variabelen beginnen niet met een $.
22-06-2011 12:52
Berichten: 552
avatar
Offline Stuur privébericht
Je bedoelt $slider?
22-06-2011 13:44
Berichten: 491
avatar
Offline Stuur privébericht
de dollarteken wordt daar gebruikt om het JQUERY framework aan te roepen.
Dusja javascript kan best $ gebruiken.
22-06-2011 14:48
nyan nyan nyan nyan
Berichten: 2076
avatar
Offline Stuur privébericht
Je kan geen $ gebruiken om zo variabelen aan te roepen. Daarvoor moet je eigenlijk dit doen:
Code | Selecteer Alles
minimaliseren
1
$("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)?
22-06-2011 19:18
Berichten: 552
avatar
Offline Stuur privébericht
Ja, ik gebruik firebug altijd als ik er niet uit kom, maar kan ik nou wel een $ gebruiken of niet ?
22-06-2011 20:58
Informatica Student
Berichten: 1406
avatar
Online Stuur privébericht
Normaal gesproken gebruik je geen $ teken voor een variabele in javascript. Ook gebruik je eigenlijk "var" voor het initialiseren.
22-06-2011 20:59
Rapifia Europe
Berichten: 3716
avatar
Offline Stuur privébericht
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:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript"
   $(function(){
        
slider = { 
            
currentFrame1
            
slideSpeed3000
            
animateSpeed1000
            
slide: function(){ 
                
slider.currentFrame = (slider.currentFrame >= $("div#slider ul li").length 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>
23-06-2011 06:27
nyan nyan nyan nyan
Berichten: 2076
avatar
Offline Stuur privébericht
@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.
23-06-2011 10:40
Berichten: 2123
avatar
Offline Stuur privébericht
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/1661197/valid-characters-for-javascript-variable-names
http://www.w3schools.com/js/js_variables.asp
23-06-2011 10:50
Reageer op: "2 vragen"
1 | 2 Volgende pagina
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden