[Javascript] voor dummies (deel 12)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_103301594
Ik gok trouwens dat de oorzaak is dat'ie canBuy al gedeclareerd heeft als variable ofzo.
zcflevo.nl
  woensdag 19 oktober 2011 @ 22:21:33 #77
63192 ursel
"Het Is Hier Fantastisch!
pi_103302101
quote:
14s.gif Op woensdag 19 oktober 2011 22:13 schreef KomtTijd... het volgende:
Ik gok trouwens dat de oorzaak is dat'ie canBuy al gedeclareerd heeft als variable ofzo.
Nope, Ik krijg met onderstaande aanroep maar 4x een alert.
1
2
3		                DoeMaarWat("12", "24");
                canBuy("12", "24");
                alertId("12", "24");

Nergens anders komt uberhaupt het woord canBuy nog voor.
  woensdag 19 oktober 2011 @ 22:22:40 #78
63192 ursel
"Het Is Hier Fantastisch!
pi_103302175
quote:
0s.gif Op woensdag 19 oktober 2011 22:11 schreef mschol het volgende:

[..]

ik gok iets met test situatie...
Dat dus. :')
Schijnbaar niet altijd even makkelijk te begrijpen voor sommige. :+
pi_103302353
quote:
0s.gif Op woensdag 19 oktober 2011 22:22 schreef ursel het volgende:

[..]

Dat dus. :')
Schijnbaar niet altijd even makkelijk te begrijpen voor sommige. :+
ik wil wel even testen, heb je nog andere code erin staan die van belang kan zijn? :P (jquery of iets anders?)

-edit-

code an sich werkt.. je hebt gewoon canBuy eerder al gedefineerd ofzo :+

[ Bericht 9% gewijzigd door mschol op 19-10-2011 22:32:00 ]
pi_103302740
quote:
0s.gif Op woensdag 19 oktober 2011 22:22 schreef ursel het volgende:

[..]

Dat dus. :')
Schijnbaar niet altijd even makkelijk te begrijpen voor sommige. :+
Ik zag pas later dat "doemaarwat()" me niet echt een functienaam uit productiecode leek...
zcflevo.nl
  woensdag 19 oktober 2011 @ 22:32:47 #81
63192 ursel
"Het Is Hier Fantastisch!
pi_103302782
quote:
0s.gif Op woensdag 19 oktober 2011 22:25 schreef mschol het volgende:

[..]

ik wil wel even testen, heb je nog andere code erin staan die van belang kan zijn? :P (jquery of iets anders?)

-edit-

code an sich werkt.. je hebt gewoon canBuy eerder al gedefineerd ofzo :+

Heb het ook net in ander project getest. Moet dat dan toch zijn. Ga eens heel goed zoeken dan maar. :')
  woensdag 19 oktober 2011 @ 22:34:49 #82
63192 ursel
"Het Is Hier Fantastisch!
pi_103302908
quote:
14s.gif Op woensdag 19 oktober 2011 22:32 schreef KomtTijd... het volgende:

[..]

Ik zag pas later dat "doemaarwat()" me niet echt een functienaam uit productiecode leek...
Ben ook niet boos, je reactie was alleen zo eeuuhh.. denigrerend :7 :*
Maar goed. Idiote functie gevonden. :@
pi_103540754
Dag allemaal,

Ik heb het volgende kleine probleem.

html code;
<div><object blablabla"></object></div>

Nu is deze div standaard 500px breed, maar voor het ene spelletje dat groter is wil ik de div net zo breed hebben dat het spelletje er net in past (+5px spacing).

Hoe kan ik achterhalen met jquery hoe groot deze object is?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 25 oktober 2011 @ 14:09:13 #84
118585 Crutch
Filantroop || Taalzwengel
pi_103541396
quote:
14s.gif Op dinsdag 25 oktober 2011 13:52 schreef Chandler het volgende:
Dag allemaal,

Ik heb het volgende kleine probleem.

html code;
<div><object blablabla"></object></div>

Nu is deze div standaard 500px breed, maar voor het ene spelletje dat groter is wil ik de div net zo breed hebben dat het spelletje er net in past (+5px spacing).

Hoe kan ik achterhalen met jquery hoe groot deze object is?
var width = $('#idvanjediv').width();

Als ie geen object pakt zou ik gewoon de traditionele getElementById gebruiken.

[ Bericht 5% gewijzigd door Crutch op 25-10-2011 14:20:22 ]
Je moeder is een hamster
pi_103542517
Heerlijk dat jQuery
1$('#id').width($('#obj').width());
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 25 oktober 2011 @ 14:43:05 #86
118585 Crutch
Filantroop || Taalzwengel
pi_103542585
quote:
0s.gif Op dinsdag 25 oktober 2011 14:41 schreef Chandler het volgende:
Heerlijk dat jQuery
[ code verwijderd ]

Wut? Effe checken. :P
Je moeder is een hamster
  zondag 30 oktober 2011 @ 22:13:48 #87
298248 Man_bijt_hond
Na het commando pijp hond
pi_103764884
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.

1
2		$(document).ready(function() {
});

?

Heb altijd feest met Jquery }:| .

Het gaat om deze tut http://www.queness.com/po(...)-transparent-caption
Is er een probleem, stap er overheen.
  zondag 30 oktober 2011 @ 22:27:32 #88
75592 GlowMouse
l'état, c'est moi
pi_103765768
Includen of inline maakt geen verschil. Include wel eerst jQuery zelf.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
  zondag 30 oktober 2011 @ 22:30:32 #89
298248 Man_bijt_hond
Na het commando pijp hond
pi_103766004
quote:
0s.gif Op zondag 30 oktober 2011 22:27 schreef GlowMouse het volgende:
Includen of inline maakt geen verschil. Include wel eerst jQuery zelf.
Merci, dat was dus het probleem. Had jQuery zelf als tweede include.
Is er een probleem, stap er overheen.
pi_103774809
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 ....
The people who lost my respect will never get a capital letter for their name again.
Like trump...
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?
  donderdag 9 februari 2012 @ 01:21:53 #121
267443 Cue_
Cuecumbergirl
pi_107778801
Ik heb een form met t volgende;
1
2
3
4		        <select id="Probleem" name="probleem" onchange="CheckProbleemSelect(this);">
        <option value="">Select..</option>
            <? echo $group_01_options; ?>
        </select>

De functie checkProbleemSelect staat als volgt in m'n code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		    $javascript .=<<<content
    /* Linked Dropdown Selects Script Start */
    function DefaultOplossing()
    {
        var x = document.getElementById("Oplossing");
        x.length = 0;
        varOplossing = document.getElementById("Oplossing");
        varOplossing.options[varOplossing.options.length] = new Option("$group_02_default_option_text","");
        document.getElementById("Oplossing").disabled = true;
    }

    function CheckProbleemSelect(id)
    {
        alert (id.value);
        // If no Probleem is selected clear the oplossing and set to default
        if(document.getElementById("Probleem").value == "")
        {
        // Clear the oplossing select and set to default value
        DefaultOplossing();
        }

content;

etcetc

Nu wil ik die functie "checkProbleemSelect()" ook vanuit m'n phpcode aanroepen, dus als losse actie. Hoe roep ik dit dan aan?
pi_107778995
1<?php echo "<script type='text/javascript'>CheckProbleemSelect(jeId)</script>"; ?>
Weet je zeker dat je dit wilt trouwens? Afhankelijk van de situatie zijn er vaak andere manieren dat je je doel kan bereiken zonder nog meer script tags te hoeven schrijven.
Of toch du vader?
  donderdag 9 februari 2012 @ 10:37:55 #123
267443 Cue_
Cuecumbergirl
pi_107782974
quote:
2s.gif Op donderdag 9 februari 2012 01:39 schreef Luchtkoker het volgende:

[ code verwijderd ]

Weet je zeker dat je dit wilt trouwens? Afhankelijk van de situatie zijn er vaak andere manieren dat je je doel kan bereiken zonder nog meer script tags te hoeven schrijven.
Die code had ik ook verwacht, blijf dan enkel de foutmelding "object wordt verwacht" krijgen.

Momenteel probeer ik de code die ik heb gekopieerd van
http://www.phphulp.nl/php(...)mysqljavascript/434/
aan te passen aan mijn wensen. Het script werkt perfect.

Alleen dat is bij het nieuw toevoegen van gegevens. Enkel wil ik die gegevens ook aan kunnen passen en dient de pulldown dus reeds opgeslagen waarde te selecteren in beide pulldownboxen.
En dit lukt me wel met de eerste maar nog niet met de tweede pulldown. Die blijft helemaal leeg.
Hij heeft wel de diverse waardes (van te voren) opgehaald, maar toont ze niet aangezien die functie enkel met een onchange wordt aangeroepen. En bij het openen van het venster heb je nog geen onchangeevent gehad. Hoopte dus die functie apart aan te kunnen roepen.
(weet niet of het beetje logisch klinkt).
  donderdag 9 februari 2012 @ 10:45:54 #124
56176 Catch22-
Ben je Blind?!
pi_107783196
Als je jQuery gebruikte kon ik je wel helpen, ik doe niets in basic/classic javascript.
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?
pi_107783340
quote:
11s.gif Op donderdag 9 februari 2012 10:45 schreef Catch22- het volgende:
Als je jQuery gebruikte kon ik je wel helpen, ik doe niets in basic/classic javascript.
Je kan pas effectief jQuery goed gebruiken als je de basic/classic Javascript functionaliteit goed kent.
  donderdag 9 februari 2012 @ 10:51:06 #126
267443 Cue_
Cuecumbergirl
pi_107783373
quote:
0s.gif Op donderdag 9 februari 2012 10:49 schreef Scorpie het volgende:
Je kan pas effectief jQuery goed gebruiken als je de basic/classic Javascript functionaliteit goed kent.
Dat lijkt mij ook. En ik ben er pas een half jaar mee bezig en enkel 'on the job' aan het leren.
  donderdag 9 februari 2012 @ 10:53:50 #127
107418 wdn
Elfen lied O+
pi_107783461
quote:
0s.gif Op donderdag 9 februari 2012 10:51 schreef Cue_ het volgende:

[..]

Dat lijkt mij ook. En ik ben er pas een half jaar mee bezig en enkel 'on the job' aan het leren.
Idem maar dan een jaar ;)

jQuery zonder basis kennis van JS is onmogelijk te gebruiken vind ik.
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
pi_107783475
Plaats eens de hele pagina inclusief de javascript.
  donderdag 9 februari 2012 @ 10:56:12 #129
267443 Cue_
Cuecumbergirl
pi_107783540
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183		<link rel="stylesheet" href="/css/cwsupport.css"/>
<?
include ("class.db.php");
include ("class.prob_opl.php");
include ("class.dossier.php");
$po = new prob_opl();
$do = new Dossier();

$actie = $_GET['a'];
echo $actie;
if ($_GET['a']=='knop_bewerk'){
  $dossier = $do->getDossier($_GET['dossierid']);
}

function dual_linked_select(
$table,            // Table to create linked selects from
$table_column_01,        // Root category
$table_column_02,        // Subcategory of the root category
$group_02_default_option_text    // Default option text for the group 2 select
)
{
    if($_GET['a'] == 'knop_bewerk'){
     $do = new Dossier();       
      $dossier = $do->getDossier($_GET['dossierid']);
        echo2($dossier);  
         
        }
// Define globals
    global $javascript;
    global $group_01_options;
    // Define variables
    $javascript = null; // Hold
    $group_01_options = '1';//Hold

// Assembly of Javascript starts
    $javascript .=<<<content
    /* Linked Dropdown Selects Script Start */
    function DefaultOplossing()
    {
        var x = document.getElementById("Oplossing");
        x.length = 0;
        varOplossing = document.getElementById("Oplossing");
        varOplossing.options[varOplossing.options.length] = new Option("$group_02_default_option_text","");
        document.getElementById("Oplossing").disabled = true;
    }

    function CheckProbleemSelect(id)
    {
        alert (id.value);
        // If no Probleem is selected clear the oplossing and set to default
        if(document.getElementById("Probleem").value == "")
        {
        // Clear the oplossing select and set to default value
        DefaultOplossing();
        }

content;
 

// Javascript 
//$group_01_query = "SELECT ".$group_01[$table_column_01]." FROM ".$table;
$group_01_query = "SELECT distinct po.".$table_column_01." ,p.OMSCHRIJVING FROM ".$table." po , problemen p WHERE po.Probleemid = p.Probleemid ORDER BY 1";
$group_01_result = QueryOra($group_01_query);
QueryExe($group_01_result, OCI_DEFAULT, $group_01_query);
WHILE($group_01 = oci_fetch_array($group_01_result))
        {
    if ($group_01['PROBLEEMID'] == $dossier['probleemid']){
        $group_01_options .=  '<option selected="selected" value="'.$group_01[$table_column_01].'">'.$group_01['OMSCHRIJVING'].'</option>'."\r\n";
        $optie01 = $group_01[$table_column_01];
    }
    else{
       $group_01_options .=  '<option value="'.$group_01[$table_column_01].'">'.$group_01['OMSCHRIJVING'].'</option>'."\r\n";
      }  $javascript .=<<<content
        else if(document.getElementById("Probleem").value == "$group_01[$table_column_01]")
        {
            // Clear the oplossing and set to default value
            DefaultOplossing();
            // Set variable options for oplossing select
            varOplossing = document.getElementById("Oplossing");

content;
//if ($optie01){$and = "AND po.probleemid = ".$optie01." AND po.oplossingid =".$dossier['oplossingid'];}else{$and = '';}
    $group_02_query = "SELECT po.".$table_column_02.", o.omschrijving FROM ".$table." po, oplossingen o WHERE po.".$table_column_01." = '".$group_01[$table_column_01]."' 
                      AND po.oplossingid = o.oplossingid ".$and." GROUP BY po.".$table_column_02.", o.omschrijving";

    //echo $group_02_query;
    $group_02_result = QueryOra($group_02_query);
    QueryExe($group_02_result, OCI_DEFAULT, $group_02_query);
    WHILE($group_02 = oci_fetch_array($group_02_result)){
       //   if ($group_02['OPLOSSINGID'] == $dossier['oplossingid']){
            $javascript .='            varOplossing.options[varOplossing.options.length] = new Option(" '.$group_02['OMSCHRIJVING'].'","'.$group_02[$table_column_02].'",true);'."\r\n";
       //  echo $javascript;
        //            }
            
        }
         $javascript .='            varOplossing.options[varOplossing.options.length] = new Option("Anders","99");'."\r\n";

            $javascript .=<<<content
            document.getElementById("Oplossing").disabled = false;

        }

content;
    }
        $javascript .='    }'."\r\n";

} // End of dual_linked_selects function

?>

<?

// execute dual_linked_selects_function
dual_linked_select('PROBL_OPL','PROBLEEMID','OPLOSSINGID','Select...');
?>

<html>
<head>
    <title>Probleem toevoegen</title>
<script type="text/javascript" language="JavaScript">
<? echo $javascript;
 ?>
</script>
</head>

<body>
<form method="post" action="probleem_toevoegen.php?a=<? echo $_GET['a']; ?>&vlootnr=<? echo $_GET['vlootnr']; ?>&dossierid=<? echo $_GET['dossierid']; ?>" >
<table>
<tr>
    <td>Probleemtype:</td>
    <td>
        <select id="Probleem" name="probleem" onchange="CheckProbleemSelect(this);">
        <option value="">Select..</option>
            <? echo $group_01_options; ?>
        </select>

    </td>
    <td>Oplossing:</td>
    <td>
        <select id="Oplossing" name="oplossing"></select>
   </td>
</tr>
<tr>
    <td>Status</td>
        <td><select name="status" id="status">
        <? $po->showStatussen($dossier['status']); ?>
        </select>
    </td>
</tr>
<tr>
    <td>Chauffeurnr</td>
    <td><input type="text" id="chauffeurnr" name="chauffeurnr" value="<? echo $dossier['chauffeurnr']; ?>"/>
    </td>
</tr>
<tr>
    <td>Urenmodule</td>
    <td>
        <select name="urenmodule" id="urenmodule">
            <option <?php echo $dossier['urenmodule']==''?"selected='selected'":"" ?> value=""></option>
            <option <?php echo $dossier['urenmodule']=='aan'?"selected='selected'":"" ?> value="aan">AAN</option>
            <option <?php echo $dossier['urenmodule']=='uit'?"selected='selected'":"" ?> value="uit">UIT</option>
        </select>
    </td>
</tr>
<td><input type="hidden" name="vlootnr" id="vlootnr" value="<?php echo $vlootnr ?>" /></td>
</table>

<table>
 <td><input type="button" class="btn" name="cancel" id="cancel" value="Cancel" onclick="window.location='trekkeroverzicht.php'"  /></td>
 <?  if ($_GET['a'] == 'nieuw'){
echo "<td><input name=\"actie\" class=\"btn\" type=\"submit\" id=\"toevoegen\"  style=\"width:100%\" value=\"Toevoegen\"/></td>";
 }
 else if ($_GET['a'] == 'knop_bewerk'){
 echo "<td><input name=\"actie\" class=\"btn\" type=\"submit\" id=\"bewerk\"  style=\"width:100%\" value=\"Bewerken\"/></td>";
 }  ?>
</table>

</form>
</body>

</html> 
<? echo $chauffeurnr;
?>
  donderdag 9 februari 2012 @ 10:57:32 #130
56176 Catch22-
Ben je Blind?!
pi_107783590
quote:
0s.gif Op donderdag 9 februari 2012 10:53 schreef wdn het volgende:

[..]

Idem maar dan een jaar ;)

jQuery zonder basis kennis van JS is onmogelijk te gebruiken vind ik.

Klopt, alleen zijn sommige specifieke dingen weggezakt.

Maar ik gok dat id geen value heeft? Je kan dat beter debuggen door console.log(id) te gebruiken en te kijken wat je meekrijgt.
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 9 februari 2012 @ 10:59:00 #131
267443 Cue_
Cuecumbergirl
pi_107783649
quote:
11s.gif Op donderdag 9 februari 2012 10:57 schreef Catch22- het volgende:

Klopt, alleen zijn sommige specifieke dingen weggezakt.

Maar ik gok dat id geen value heeft? Je kan dat beter debuggen door console.log(id) te gebruiken en te kijken wat je meekrijgt.
Maar die foutmelding zou ik niet moeten krijgen wanneer ik die functie aanroep met een handmatig meegegeven id?
  donderdag 9 februari 2012 @ 11:07:43 #132
56176 Catch22-
Ben je Blind?!
pi_107783930
http://jsfiddle.net/gGALE/

dat werkt gewoon... In essentie hetzelfde als wat jij doet.

Ik kan overigens wel gewoon met javascript werken hoor, maar met jQuery gaat alles makkelijker en daardoor zakt de JS kennis wat weg. Geen probleem als je alleen maar met jQuery werkt.
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 9 februari 2012 @ 11:13:26 #133
267443 Cue_
Cuecumbergirl
pi_107784134
quote:
11s.gif Op donderdag 9 februari 2012 11:07 schreef Catch22- het volgende:
http://jsfiddle.net/gGALE/

dat werkt gewoon... In essentie hetzelfde als wat jij doet.
Maar nu heb ik dus dat als ik op een 'bewerk' knop druk, dat hij kijkt wat de reeds opgeslagen data is en die in de eerste pulldown selecteert: (regel 67)

1
2
3
4		    if ($group_01['PROBLEEMID'] == $dossier['probleemid']){
        $group_01_options .=  '<option selected="selected" value="'.$group_01[$table_column_01].'">'.$group_01['OMSCHRIJVING'].'</option>'."\r\n";
        $optie01 = $group_01[$table_column_01];
    }

Dat werkt. Enkel moet ik dit ook zien te krijgen voor de tweede pulldown alle gekoppelde oplossingen toont en degene selecteert die in de database staat opgeslagen. En daar loop ik vast.
(eerste pulldown geeft problemen weer, de tweede de gekoppelde oplossingen).
  donderdag 9 februari 2012 @ 11:17:05 #134
56176 Catch22-
Ben je Blind?!
pi_107784251
Sorry, maar je phpklussen moeten in een ander topic :)

Als je hier het relevante deel van je gegenereerde HTML en JS neerplempt wil ik best even kijken :)
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 9 februari 2012 @ 11:18:12 #135
267443 Cue_
Cuecumbergirl
pi_107784299
quote:
11s.gif Op donderdag 9 februari 2012 11:17 schreef Catch22- het volgende:
Sorry, maar je phpklussen moeten in een ander topic :)
Lastig om die scheidingslijn te vinden, aangezien alles leuk aan elkaar gekoppeld is .. sorry :@
  donderdag 9 februari 2012 @ 11:19:15 #136
56176 Catch22-
Ben je Blind?!
pi_107784334
je kan toch gewoon je pagina weergeven en de gegenereerde selects hier neerzetten
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?
pi_107784397
quote:
0s.gif Op donderdag 9 februari 2012 10:56 schreef Cue_ het volgende:

[ code verwijderd ]

Ik zou opnieuw beginnen.
  donderdag 9 februari 2012 @ 11:24:34 #138
267443 Cue_
Cuecumbergirl
pi_107784535
quote:
9s.gif Op donderdag 9 februari 2012 11:21 schreef Scorpie het volgende:
Ik zou opnieuw beginnen.
Dat is geen probleem, als ik maar een idee heb van hoe ik het anders zou kunnen aanpakken.
  donderdag 9 februari 2012 @ 11:26:05 #139
56176 Catch22-
Ben je Blind?!
pi_107784589
Probeer je logica en output te scheiden. Eerst alle data ophalen, dan met een eventuele include je pagina renderen.

GEEN JAVASCRIPT OF HTML IN JE PHP GENEREREN. Just don't.
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?
pi_107784606
quote:
0s.gif Op donderdag 9 februari 2012 11:24 schreef Cue_ het volgende:

[..]

Dat is geen probleem, als ik maar een idee heb van hoe ik het anders zou kunnen aanpakken.
Allereerst is het belangrijk dat je een scheiding aanbrengt. PHP code hoort in een apart bestand, net zoals JS code, CSS code en HTML code. In de HTML code breng je die verschillende bestanden bij elkaar. Dat is de algemene werkwijze van het ontwikkelen van een pagina.
  donderdag 9 februari 2012 @ 11:29:31 #141
267443 Cue_
Cuecumbergirl
pi_107784719
Over het algemeen doe/probeer ik dat ook wel. :)

Zoals eerder gezegd heb ik bovenstaande code gekopieerd van een site om te kijken of dat voor mij zou werken.
En doordat ik die $javascript = <<<content ... content;
niet echt begreep heb ik het maar gelaten zoals het was en dus niets opgesplitst.
  donderdag 9 februari 2012 @ 11:29:48 #142
107418 wdn
Elfen lied O+
pi_107784732
quote:
0s.gif Op donderdag 9 februari 2012 11:26 schreef Scorpie het volgende:

[..]

Allereerst is het belangrijk dat je een scheiding aanbrengt. PHP code hoort in een apart bestand, net zoals JS code, CSS code en HTML code. In de HTML code breng je die verschillende bestanden bij elkaar. Dat is de algemene werkwijze van het ontwikkelen van een pagina.
Wil je even naar ons komen en mijn baas dat ook even vertellen ;)
Ik krijg hem niet zo ver :D
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
  donderdag 9 februari 2012 @ 11:30:58 #143
56176 Catch22-
Ben je Blind?!
pi_107784773
Gebruik je uberhaupt wel een framework?

Serieel PHP programmeren is wel heel 2002...
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 9 februari 2012 @ 11:36:03 #144
267443 Cue_
Cuecumbergirl
pi_107784982
quote:
11s.gif Op donderdag 9 februari 2012 11:30 schreef Catch22- het volgende:
Gebruik je uberhaupt wel een framework?

Serieel PHP programmeren is wel heel 2002...
Even een indruk van hoe ik werk qua indeling enzo; (iets onduidelijk, maar oke)


Is oa logica die ik uit eerdere projecten van m'n voorganger heb overgenomen en daar t beste van maak. Heb/had geen programmeerervaring voordat deze functie kreeg een half jaar geleden. En t bedrijf is niet echt van de cursussen...
  donderdag 9 februari 2012 @ 11:42:33 #145
56176 Catch22-
Ben je Blind?!
pi_107785269
Ik heb ook nooit een cursus gedaan, wil niet zeggen dat je je niet kan verdiepen in wat je doet, waarom je het zo doet en wat je beter zou kunnen doen :)

Ik heb mezelf C#.net (in meerdere frameworks), PHP (in meerdere frameworks), Javascript/jQuery, CSS en HTML aangeleerd, zonder cursussen.
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 9 februari 2012 @ 11:46:19 #146
267443 Cue_
Cuecumbergirl
pi_107785436
Ow absoluut! Heb ook steeds meer de neiging om er meer aandacht aan te besteden omdat ik nu gewoon tegen dingen aanloop. De eerste maanden was het vooral het bedrijf leren kennen en kijken wat precies mijn functie ging inhouden in de praktijk en beetje meedraaien met alles.

Nu dus voor het eerst zelf van begin af aan een applicatie maken en dan loop je tegen totaal andere dingen op dan wanneer je enkel wijzigingen moet brengen in reeds bestaande code.
  donderdag 9 februari 2012 @ 11:48:36 #147
267443 Cue_
Cuecumbergirl
pi_107785514
Daarbij is de vraag hoe je het t beste kan aanpakken. In hoeverre zijn boeken nog up to date.. en anders welke sites geven je echt een goede introductie in datgene wat je zoekt. Maar dat is gewoon eens een keertje naar opzoek gaan. En die interesse / noodzaak begint nu echt te komen :)
  donderdag 9 februari 2012 @ 11:50:46 #148
56176 Catch22-
Ben je Blind?!
pi_107785580
Ga eens kijken naar een framework (Zend of CakePHP bijvoorbeeld), dat scheelt al een hoop omdat je gedwongen wordt een logische structuur aan te houden.

Maar je moet alles devven van back- tot frontend? Heb ik ook een tijdje gedaan maar echt lekker werkt het niet omdat je alles een beetje kan ipv gespecialiseerd bent.
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 9 februari 2012 @ 11:52:39 #149
267443 Cue_
Cuecumbergirl
pi_107785642
devven van back- tot frontend? devven?
pi_107786181
quote:
0s.gif Op donderdag 9 februari 2012 11:29 schreef wdn het volgende:

[..]

Wil je even naar ons komen en mijn baas dat ook even vertellen ;)
Ik krijg hem niet zo ver :D
Geen probleem, ik wil hem wel wat van mijn werk laten zien :P
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')