[Javascript] voor dummies (deel 11)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  dinsdag 12 april 2011 @ 09:29:13 #101
4159 GI
Nee ik heet geen JOE
pi_95379388
Daar is meer informatie voor nodig.

Je gaat 99% zeker met een ajax call naar de database moeten werken, daarna kan je via die ajax call op verschillende manier ervoor zorgen dat de juiste informatie op de juiste plek komt.
pi_95380862
Wat voor informatie heb je nog meer nodig?

Ik heb dit gevonden : http://www.w3schools.com/AJAX/ajax_database.asp
Ik moet dan alleen zorgen dat je select customer zelf kan invullen.

[ Bericht 2% gewijzigd door afro op 12-04-2011 10:22:41 ]
...
  donderdag 14 april 2011 @ 07:55:04 #103
4159 GI
Nee ik heet geen JOE
pi_95478228
Voor het geval dat jullie hem nog niet kennen, het heeft mij net heel erg geholpen om erachter te komen dat ik een $("td") gebruikte waardoor de helft van mijn programma opeens om zeep ging :+

http://www.sprymedia.co.uk/article/Visual+Event

Erg handig. toont in de browser de events die getriggerd kunnen worden.

Had hem per abuis in het php topic gezet, hier nu ook
  Admin donderdag 14 april 2011 @ 08:34:50 #104
1 crew  Danny
always and nevermore
pi_95478635
quote:
3s.gif Op donderdag 14 april 2011 07:55 schreef GI het volgende:
Voor het geval dat jullie hem nog niet kennen, het heeft mij net heel erg geholpen om erachter te komen dat ik een $("td") gebruikte waardoor de helft van mijn programma opeens om zeep ging :+

http://www.sprymedia.co.uk/article/Visual+Event

Erg handig. toont in de browser de events die getriggerd kunnen worden.

Had hem per abuis in het php topic gezet, hier nu ook
voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:
http://compuser.nl/2011/04/07/visual-event-the-chrome-extension/
(download rechtsonder)
Zie wat ik kijk: trakt.tv
pi_95478673
quote:
1s.gif Op dinsdag 12 april 2011 10:09 schreef afro het volgende:
Wat voor informatie heb je nog meer nodig?

Ik heb dit gevonden : http://www.w3schools.com/AJAX/ajax_database.asp
Ik moet dan alleen zorgen dat je select customer zelf kan invullen.

Kant-en-klare scripts ga je hier niet krijgen.
  donderdag 14 april 2011 @ 11:47:35 #106
302853 themole
graaft totaal door.
pi_95484120
quote:
1s.gif Op donderdag 14 april 2011 08:34 schreef Danny het volgende:

[..]

voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:
http://compuser.nl/2011/04/07/visual-event-the-chrome-extension/
(download rechtsonder)
Handig net geinstalleerd in chrome. :)
Niet altijd serieus
  donderdag 14 april 2011 @ 13:43:43 #107
4159 GI
Nee ik heet geen JOE
pi_95488945
quote:
1s.gif Op donderdag 14 april 2011 08:34 schreef Danny het volgende:

[..]

voor chrome gebruikers is er een extensie van, omdat bookmarklets nog maar in weinig browsers relevant zijn:
http://compuser.nl/2011/04/07/visual-event-the-chrome-extension/
(download rechtsonder)
Geweldig. Das nog handiger.
pi_95665829
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		<html>
<head>
<title>LMAO</title>
<style>
#id0 {width:20%;position:relative;}
#id1 {width:20%;position:relative;}
</style>

<script>
function goR()
{
    if( id0.style.pixelLeft < 400 )
    {
        id0.style.pixelLeft+=90;
        setTimeout('goR()',100);
    }
    else{setTimeout('goD()',100);}
}

function goD()
{
    if( id0.style.pixelTop < 400 )
    {
        id0.style.pixelTop+=90;
        setTimeout('goD()',100);
    }
    else{setTimeout('goL()',100);}
}

function goL()
{
    if( id0.style.pixelLeft > -400 )
    {
        id0.style.pixelLeft-=5;
        setTimeout('goL()',100);
    }
    else{setTimeout('goU()',100);}
}

function goU()
{
    if( id0.style.pixelTop > 0)
    {
        id0.style.pixelTop-=10;
        setTimeout('goU()',100);
    }
    else{setTimeout('goL()',100);}
}

function goBACKK()
{
  if( id0.style.pixelRight > 0)
  {
    id0.style.pixelRight+=10;
    setTimeout('goBACKK()' ,100);
  }
  
    else{setTimeout('goR()',100);}
}
</script>

</head>
<body>

<a href='#' onclick='goR()'><img src='Epic-fail-guy-dance.gif' id='id0' onclick='goR()' border='0'></a>

</body>
</html>

Ik wil dus dat na de 3e variable dat mijn poppetje terugkeert naar rechts, hoe krijg ik dit voor elkaar?
  maandag 18 april 2011 @ 14:09:30 #109
75592 GlowMouse
l'état, c'est moi
pi_95665991
Op regel 47 goL naar goR of goBACKK aanpassen.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_95674380
Ik heb de volgende regel code:
1
2
3		<?php
echo "  <td><a onClick=\"dynContent('pagina.php', 'argument')\"><img class='icon16center' src='images/icons/delete.png'/></a></td>\n";
?>
Echter nu is het zo dat de hele td klikbaar is en dus verwijdert, i.p.v. alleen het plaatje. Dit is het geval in firefox en chrome... In Internet explorer werkt het wel alleen door op het daadwerkelijke plaatje te klikken (en zo wil ik het ook).

Hoe fix ik dit?

De onclick moet dus alleen werkzaam zijn op het plaatje delete.png, en niet op de gehele TD.
  maandag 18 april 2011 @ 17:23:45 #111
75592 GlowMouse
l'état, c'est moi
pi_95674465
quote:
0s.gif Op maandag 18 april 2011 17:14 schreef lifeblind het volgende:

[..]

1) Wat doet die dynContent functie?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_95674564
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		function dynContent(page, vars) {        
    /* Content */
    xmlHttp = GetXmlHttpObject();
    
    if (xmlHttp == null) {
        alert("Your browser does not support AJAX or Javascript. Unfortunately this website relies on it and you are advised to get a modern browser or to turn on Javascript. \n\nApologies for the inconvenience.");
        return;
    } 
   
    var url = "contentmanager.php";
    url += "?id=" + page + "&" + vars;
    
    xmlHttp.onreadystatechange = stateChanged;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);       
}
En contentmanager ziet er zo uit:
1
2
3
4		<?php
if(isset($_GET['id']))
    include(htmlspecialchars(addslashes($_GET['id'])));
?>

Ik geef dus m'n argumenten door aan dezelfde pagina, en deze haal ik weer op met get.
  maandag 18 april 2011 @ 17:33:08 #113
75592 GlowMouse
l'état, c'est moi
pi_95674923
contentmanager is heel onveilig.
En wat doet stateChanged?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_95674999
Hoe kan ik mijn contentmanager veiliger maken?

De innerhtml aanpassen, dus de content div opnieuw laden.
  maandag 18 april 2011 @ 17:35:59 #115
75592 GlowMouse
l'état, c'est moi
pi_95675058
oh, verplaats de onclick naar de img-tag.

in contentmanager zet je een lijstje van toegestane id's.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_95675072
quote:
0s.gif Op maandag 18 april 2011 17:35 schreef GlowMouse het volgende:
oh, verplaats de onclick naar de a-tag.
Naar de img tag bedoel je?
  maandag 18 april 2011 @ 17:36:35 #117
75592 GlowMouse
l'état, c'est moi
pi_95675084
zie edits.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_95675115
quote:
0s.gif Op maandag 18 april 2011 17:35 schreef GlowMouse het volgende:
oh, verplaats de onclick naar de img-tag.

in contentmanager zet je een lijstje van toegestane id's.
Thx voor de info, zal ik doen. :)
pi_95684524
quote:
0s.gif Op maandag 18 april 2011 17:37 schreef Diabox het volgende:

[..]

Thx voor de info, zal ik doen. :)
Dat is een optie, wat wellicht nog een optie is wanneer je ID's in de honderden kunnen lopen, is de $_GET["id"] casten naar een int.
Je doet dan: $id = (int)$_GET["id"];

Je bent dan direct van strip_tags() en addslashes() af. Als $id dan 0 is (wat je kunt checken met ===) dan was er iig geen getal ingevuld maar iets anders...

Anyway, je include nu 0/1/2/3 etc. .php zie ik? Dat geeft natuurlijk direct errors bij een andere waarde dan een getal.. Gebruik liever file_exists() erbij, dit voorkomt dat een user onnodige errors om zijn hoofd krijgt gesmeten..
pi_95694504
quote:
0s.gif Op maandag 18 april 2011 14:09 schreef GlowMouse het volgende:
Op regel 47 goL naar goR of goBACKK aanpassen.
Danku :)
pi_95694741
quote:
2s.gif Op maandag 18 april 2011 20:31 schreef mafkees01 het volgende:

[..]

Dat is een optie, wat wellicht nog een optie is wanneer je ID's in de honderden kunnen lopen, is de $_GET["id"] casten naar een int.
Je doet dan: $id = (int)$_GET["id"];

Je bent dan direct van strip_tags() en addslashes() af. Als $id dan 0 is (wat je kunt checken met ===) dan was er iig geen getal ingevuld maar iets anders...

Anyway, je include nu 0/1/2/3 etc. .php zie ik? Dat geeft natuurlijk direct errors bij een andere waarde dan een getal.. Gebruik liever file_exists() erbij, dit voorkomt dat een user onnodige errors om zijn hoofd krijgt gesmeten..
Ik include 'n pagina.php met daarachter dus 'n stel arguments, en dit zijn strings. Heb het nu zoals glowmouse gedaan, ff gezet in 'n array ;) Maar bedankt voor de tips. :)

Het heet dus id, maar ik had het beter page kunnen noemen.
pi_95718147
quote:
14s.gif Op donderdag 14 april 2011 08:37 schreef Scorpie het volgende:

[..]

Kant-en-klare scripts ga je hier niet krijgen.
Vraag ik ook niet om....
Vroeg wat een geschikte plug-in was, zodat ik weet in welke richting ik moet zoeken.
...
  woensdag 4 mei 2011 @ 17:23:34 #123
215849 MrMonkeyman
( &#865;° &#860;&#
pi_96348808
Goedemiddag, ik heb een vraagje betreffende DIVs. Ik werk nu met Jquery en ik wil nu dat hij als de pagina laadt alle divs BEHALVE container en menu verbergt.

Heb nu zoiets:
1$("#div:not(. container . menu)").hide();

Maar dat werkt niet. Iemand een idee hoe ik het kan fixen?

Alvast bedankt :)
( ͡° ͜ʖ ͡°)
  woensdag 4 mei 2011 @ 17:29:55 #124
75592 GlowMouse
l'état, c'est moi
pi_96349062
Dus de id's zijn container en menu?
$("div:not(#container,#menu)").hide();
werkt dit?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
  woensdag 4 mei 2011 @ 17:35:21 #125
215849 MrMonkeyman
( &#865;° &#860;&#
pi_96349274
quote:
0s.gif Op woensdag 4 mei 2011 17:29 schreef GlowMouse het volgende:
Dus de id's zijn container en menu?
$("div:not(#container,#menu)").hide();
werkt dit?
Ja :D Hartstikke bedankt!
( ͡° ͜ʖ ͡°)
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 11)
Index

» digital corner

» development

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