[Javascript] voor dummies (deel 12)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_103775412
quote:
5s.gif Op maandag 31 oktober 2011 07:50 schreef Chandler het volgende:
Weet iemand een goed jquery script waarmee ik het volgende kan maken?

Ik heb een tree ->

Kopje 1
-- vraag
---- antwoord
-- vraag
---- antwoord
-- vraag
---- antwoord
Kopje 2
-- vraag
---- antwoord
-- vraag
---- antwoord

nu wil ik als men klikt op kopje 1 dat de 'vragen' zichtbaar worden, nu als ik klik op en vraag wil ik het antwoord zien, echter als ik op een andere vraag klik wil ik dat alle antwoorden van het betreffende kopje weer dicht gaan behalve de vraag die ik aanklikte.

voorbeeld?
http://vaasje.amstel.nl/contact/ (klik even op gestelde vragen)

Is hier een script voor dit dit al kan? ik heb gezocht maar niet gevonden ....
Die van Amstel is gewoon deze:

http://jqueryui.com/demos/accordion/

maar dan gestyled.
pi_103777162
Top! en bedankt, we gaan er mee spelen! :)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  maandag 31 oktober 2011 @ 14:35:55 #93
56176 Catch22-
Ben je Blind?!
pi_103785869
quote:
0s.gif Op zondag 30 oktober 2011 22:13 schreef Man_bijt_hond het volgende:
Misschien een domme vraag, maar hoe krijg ik een externe Jquery file aan de praat? Wanneer ik het script in het document zelf zet werkt het gewoon maar wanneer ik het in een extern gelinkt bestand zet werk het niet.
[ code verwijderd ]

?

Heb altijd feest met Jquery }:| .

Het gaat om deze tut http://www.queness.com/po(...)-transparent-caption
je moet _altijd_ firebug/webdevelopertools gebruiken als je met JS bezig bent. Dan had dit niet gebeurd...
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 31 oktober 2011 @ 19:15:42 #94
298248 Man_bijt_hond
Na het commando pijp hond
pi_103797771
De database aanleggen is in ieder geval dit keer in 1 keer gelukt. Had er 3 dagen voor ingepland :') . Nogmaals dank voor de hulp GlowMouse.

quote:
11s.gif Op maandag 31 oktober 2011 14:35 schreef Catch22- het volgende:

[..]

je moet _altijd_ firebug/webdevelopertools gebruiken als je met JS bezig bent. Dan had dit niet gebeurd...
Dit gebeurt mij ook geen tweede keer meer :D .
Is er een probleem, stap er overheen.
  dinsdag 1 november 2011 @ 19:09:55 #95
298746 Dalando
18, niet meer gefrustreerd
pi_103842139
Oke: als ik lokaal een pagina maak waarbij ik een localStorage met de int 1, en ik ga naar mijn website en ik check dezelfde localStorage, waarom is de inhoud dan undefined?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_103863951
omdat local niet online is/ en visa versa? :D
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  woensdag 2 november 2011 @ 09:29:07 #97
56176 Catch22-
Ben je Blind?!
pi_103865084
localStorage is domeingebonden (net als cookies). Zou niet echt veilig zijn anders he ;)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 22 december 2011 @ 08:59:57 #98
267443 Cue_
Cuecumbergirl
pi_105906190
Oke, nieuw probleempje.

Heb een php pagina met daarin verschillende gegevens, opgebouwd met ong 5 blokken als onderstaande:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29		echo "
<a name='Aantallen_te_Matchen_Orders'></a>
<b>Aantallen te Matchen Orders</b>         Status van ".$datumvandaag."  tijdstip ".$tijdnu."        <a href='#Top'>Top</a>
</div>
<br>
<table style='text-align: left; width: 644px;' border='1' cellspacing='2' cellpadding='2'>
  <tbody>
    <tr>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>Plangroep<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>Totaal<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153); text-align: center;'>ap1<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap2<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap3<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap4<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap5<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap6<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap7<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap8<br></td>
      <td style='vertical-align: top; background-color: rgb(255, 204, 153);  text-align: center;'>ap9<br></td>
    </tr>
     <tr>
      <td style='vertical-align: top; text-align: center;'>Aantal<br></td>   
    ";
    AantalTeMatchen('lijst');
 echo " </tr> 
  </tbody>
</table>
 <br>
 ";

Nu moet er nieuwe pagina erbij komen die eigenlijk zorgt dat de verschillende blokken omstebeurten getoond worden. Dus eerst de uitkomst van blok 1, daarna blok 2, blok 3 etc.
Zag zoiets wel mbv javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27		ar quote=new Array();
  quote[0]='This is quote number one';    /* add as many quotes as you like!*/
  quote[1]='This is quote number two';
  quote[2]='This is quote number three';
  quote[3]='This is quote number four';
  quote[4]='This is quote number five';
  quote[5]='This is quote number six';
  quote[6]='This is quote number seven';
  quote[7]='This is quote number eight';
  quote[8]='This is quote number nine';
  quote[9]='This is quote number ten';

var speed=2000;    /*this is the time in milliseconds adjust to suit*/
var q=0;

function showQuote() {

     document.getElementById("quotes").innerHTML=quote[q];
     q++;
if(q==quote.length) {
     q=0;
  }
}
setInterval('showQuote()',speed);
   
 //]]>
</script>

Maar hoe ik t van mij erin zal moeten verwerken.. ik heb geen idee :N Jullie tips? of andere ideeen?

Wat ik precies wil:
Ik wil dat de pagina zonder verversen elke 10 sec een ander van die 5 blokken laat zien.
Dus dat hij 10 sec table 1 laat zien, vervolgens 10 sec table 2 , tot en met table 5 en dan weer begint bij table 1.
pi_105906561
1) CSS! Echt! ;(
2) Is het echt nodig zulke lappen tekst te echoën?
3) Wat jij wilt heet AJAX. Typ dat eens in op google. Ik zou je aanraden een framework zoals JQuery te gebruiken, dat maakt het een stuk makkelijker.
zcflevo.nl
  donderdag 22 december 2011 @ 09:29:08 #100
267443 Cue_
Cuecumbergirl
pi_105906800
quote:
14s.gif Op donderdag 22 december 2011 09:19 schreef KomtTijd... het volgende:
1) CSS! Echt! ;(
2) Is het echt nodig zulke lappen tekst te echoën?
3) Wat jij wilt heet AJAX. Typ dat eens in op google. Ik zou je aanraden een framework zoals JQuery te gebruiken, dat maakt het een stuk makkelijker.
Het kan idd allemaal netter.. i know, maar ben beginneling en moet natuurlijk allemaal leuk tussendoor.
pi_105907100
Wat jij wil heet een Content Slider , en de meest voorkomende zijn mbv jQuery gemaakt.
pi_105907687
quote:
0s.gif Op donderdag 22 december 2011 09:29 schreef Cue_ het volgende:

[..]

Het kan idd allemaal netter.. i know, maar ben beginneling en moet natuurlijk allemaal leuk tussendoor.
Ik zou zeggen: Begin dan ook bij het begin.
zcflevo.nl
  donderdag 22 december 2011 @ 10:09:39 #103
267443 Cue_
Cuecumbergirl
pi_105907821
quote:
14s.gif Op donderdag 22 december 2011 10:04 schreef KomtTijd... het volgende:

Ik zou zeggen: Begin dan ook bij het begin.
Ik mag nu beginnen met opzetten van een nieuw project. Dus daar zou ik het allemaal goed moeten kunnen doen. Alleen zou ik dan eerst eens wat boeken moeten gaan lezen om t echt eens onder de knie te krijgen.
pi_105907854
quote:
0s.gif Op donderdag 22 december 2011 10:09 schreef Cue_ het volgende:

[..]

Ik mag nu beginnen met opzetten van een nieuw project. Dus daar zou ik het allemaal goed moeten kunnen doen. Alleen zou ik dan eerst eens wat boeken moeten gaan lezen om t echt eens onder de knie te krijgen.
Javascript for dummies
CSS for dummies
HTML for dummies.
pi_105908173
quote:
0s.gif Op donderdag 22 december 2011 10:09 schreef Cue_ het volgende:

[..]

Ik mag nu beginnen met opzetten van een nieuw project. Dus daar zou ik het allemaal goed moeten kunnen doen. Alleen zou ik dan eerst eens wat boeken moeten gaan lezen om t echt eens onder de knie te krijgen.
Mijns inzichts is het nog steeds het beste om met iets eenvoudigs te beginnen, eerst "hello world", dan een eenvoudige statische HTML-pagina, en steeds een stapje verder gaan. Al zal dat in een professionele omgeving niet altijd mogelijk zijn. But then, als er van jou verwacht wordt dat je iets gaat doen wat je nog nooit gedaan hebt mag je op zijn minst een stukje opleiding of een cursus oid van je werkgever verwachten.
zcflevo.nl
pi_105965829
Weet iemand hoe ik het aantal dingen in een array kan tellen?
  vrijdag 23 december 2011 @ 16:00:29 #107
107418 wdn
Elfen lied O+
pi_105965915
quote:
0s.gif Op vrijdag 23 december 2011 15:58 schreef -Datdus- het volgende:
Weet iemand hoe ik het aantal dingen in een array kan tellen?
Hmmm?

var i = {array}.length;

geeft het aantal elementen terug. Of bedoel je iets anders?

quote:
14s.gif Op donderdag 22 december 2011 10:21 schreef KomtTijd... het volgende:

[..]

Mijns inzichts is het nog steeds het beste om met iets eenvoudigs te beginnen, eerst "hello world", dan een eenvoudige statische HTML-pagina, en steeds een stapje verder gaan. Al zal dat in een professionele omgeving niet altijd mogelijk zijn. But then, als er van jou verwacht wordt dat je iets gaat doen wat je nog nooit gedaan hebt mag je op zijn minst een stukje opleiding of een cursus oid van je werkgever verwachten.
Niet bij ons...
Ik leer JS 'by example': er wordt door mijn baas iets gemaakt en dan mag ik gaan bedenken hoe ik andere opdrachten met deze kennis kan gaan oplossen (en natuurlijk veel zelf zoeken ;) )
Ja ... soms erg frustrerend maar wij maken toch erg mooie dingen O+

[ Bericht 26% gewijzigd door wdn op 23-12-2011 16:18:07 ]
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
pi_105966221
quote:
0s.gif Op vrijdag 23 december 2011 16:00 schreef wdn het volgende:

[..]

Hmmm?

var i = {array}.length();

geeft het aantal elementen terug. Of bedoel je iets anders?

[..]

Niet bij ons...
Ik leer JS 'by example': er wordt door mijn baas iets gemaakt en dan mag ik gaan bedenken hoe ik andere opdrachten met deze kennis kan gaan oplossen (en natuurlijk veel zelf zoeken ;) )
Ja ... soms erg frustrerend maar wij maken toch erg mooie dingen O+
Zoals ik het nu heb werkt het iig niet.

Dit is mijn code:

1
2
3		var images= new Array('view/img/test4.png', 'view/img/test2.png', 'view/img/test3.png');

var arr = images.length();

En dan krijg ik:
Uncaught TypeError: Property 'length' of object view/img/test4.png,view/img/test2.png,view/img/test3.png is not a function
  vrijdag 23 december 2011 @ 16:09:51 #109
75592 GlowMouse
l'état, c'est moi
pi_105966289
http://www.w3schools.com/jsref/jsref_obj_array.asp
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_105966357
Ik heb het werkend met
var arr = images.length.toString();

Weer wat geleerd. :)
  vrijdag 23 december 2011 @ 16:13:25 #111
75592 GlowMouse
l'état, c'est moi
pi_105966416
waarom .toString()?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
  vrijdag 23 december 2011 @ 16:17:58 #112
107418 wdn
Elfen lied O+
pi_105966579
datdus: sorry het is zonder de ()
(aangepast in mijn andere post)
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
pi_105966909
quote:
0s.gif Op vrijdag 23 december 2011 16:17 schreef wdn het volgende:
datdus: sorry het is zonder de ()
(aangepast in mijn andere post)
Ah, ok zo werkt het ook inderdaad. bedankt :)
pi_105967087
Waarom tostring ?
pi_105967831
quote:
0s.gif Op vrijdag 23 december 2011 16:31 schreef Scorpie het volgende:
Waarom tostring ?
Van elders op het web.

Ik had nog een vraagje. In php kan je dit doen $arr[] = 1; etc. Ik heb het net geprobeerd met javascript maar dat werkte niet. Is daar een alternatief voor of doe ik het zo fout?

var images = [];

images[] = 1;
  vrijdag 23 december 2011 @ 17:18:31 #116
75592 GlowMouse
l'état, c'est moi
pi_105968877
gebruik .push
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_107654094
Ik ben nu al enige tijd Javascript aan het leren met behulp van http://www.codecademy.com/ nadat ik heb besloten het programmeren weer een beetje op te pikken. Het lukt al vrij aardig en codeacademy is nog best een leuk manier om het te leren. Ik wil me nu verder verdiepen in het stof en ik vroeg me af of er developers zijn die zich bij bepaalde boeken zweren en mij tips kunnen geven welke boeken ik het best kan aanschaffen... of moet ik gaan kijken naar x voor dummies boeken? ;)

Excuses voor de megakick!
.mwep
pi_107746496
We zijn net begonnen met java en daarom een hele domme vraag, maar waarom krijg ik een foutmelding dat Student a leeg is ?

Tabel klas

import java.util.*;

public class Klas
{
private ArrayList<Student> klas;
public Klas()
{
ArrayList klas = new ArrayList<Student>();
}
public void printoverzicht()
{
for(Student a : klas)
{
System.out.println(a.getNaam());
}
}

}

tabel Student
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		public class Student
{
    public String naam;
    public String woonplaats;
    public Student(String n, String w)
    {
        naam=n;
        woonplaats=w;
    }
    public String getNaam()
    {
        return naam;
    }
    
}

trouwens, krijg het niet voor elkaar om de code in een code tag te zetten ? Ook kan ik mijn post niet previewen.

Bedankt alvast !
pi_107746604
wow zie ineens dat dit het javascript topic is, sorry jongens
pi_107752760
Aan alleen deze code te zien vul je nergens je klas object met Student objecten. Dus als je printoverzicht() aanroept zonder klas te vullen zal hij inderdaad zeggen dat dit een leeg object is.

Verder fout topic idd ;)
Of toch du vader?
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 12)
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')