[Javascript] voor dummies (deel 12)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  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')