[Javascript] voor dummies (deel 11)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_95164216
Kan ik dat op dezelfde manier doen? ipv # een puntje ?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 7 april 2011 @ 13:06:14 #78
75592 GlowMouse
l'état, c'est moi
pi_95164250
Jquery heeft hele goede documentatie, zie http://api.jquery.com/category/selectors/
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_95164827
Top! ik zou film kijken maar ga nu de documentatie eens goed doornemen!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_95172115
Ik ben even wezen spelen maar krijg het niet helemaal voor elkaar :D

De volgende code werkt

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		    var thumb1 = $('img#thumb1');
    new AjaxUpload('imageUpload1', { 
                       action: $('form#upForm1').attr('action'), 
                       name: 'userfile', 
                       onSubmit: function(file, extension) {
                           $('div#preview1').addClass('loading');
                       }, 
                       onComplete: function(file, response) {
                           thumb1.load(function() {
                               $('#preview1').removeClass('loading');
                               thumb1.unbind();
                           });
                           thumb1.attr('src', response);
                       } });

    var thumb2 = $('img#thumb2');
    new AjaxUpload('imageUpload2', { 
                       action: $('form#upForm2').attr('action'), 
                       name: 'userfile', 
                       onSubmit: function(file, extension) {
                           $('div#preview2').addClass('loading');
                       }, 
                       onComplete: function(file, response) {
                           thumb2.load(function() {
                               $('#preview2').removeClass('loading');
                               thumb2.unbind();
                           });
                           thumb2.attr('src', response);
                       } });

en deze code die dus zelf alle elementen moet aflopen werkt niet :{ krijg een error ivm [newID]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		$(document).ready(function() {
    var map = $('div[id|="woei"]');
    var thumb = new Array();
    $.each(map, function(key, value) {
         var newID = value.id.substring(5, value.id.length);

         thumb[newID] = $('img#thumb' + newID');
         new AjaxUpload('imageUpload1' + newID, { 
                            action: $('form#upForm1').attr('action'), 
                            name: 'userfile', 
                            onSubmit: function(file, extension) {
                                $('div#preview1' + newID).addClass('loading');
                            },      
                            onComplete: function(file, response) {
                                thumb[newID].load(function() {
                                    $('#preview1' + newID).removeClass('loading');
                                    thumb[newID].unbind();
                                });
                                thumb[newID].attr('src', response);
                            } });
     
              });

hoe kan ik dit oplossen en zo de 'id's' variabel te maken?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_95182892
heb een site met een iframe, hierin staan delen van de site. echter ook eentje van buiten het domein/server. Nu probeer ik via javascript de achtergrond aan te passen in het iframe.

1parent.document.getElementById('iframe').contentWindow.document.body.style.background="url(bg-url)";

Deze code werkt in chrome voor de pagina's die op de zelfde server staan echter niet bij de externe.
Nu vroeg ik me af of er een manier is om het wel te laten werken of dat je nooit aan externe pagina's kan komen.

disclaimer: voordat mensen zeggen dat je van andermans pagina's moet afblijven. is van een bekende en wilde alleen de achtergrond aanpassen om hem beter in de layout te passen.

alvast bedankt
https://a-vents.com/STAR_Rally/
  Admin donderdag 7 april 2011 @ 20:51:20 #82
1 crew  Danny
always and nevermore
pi_95185873
quote:
1s.gif Op donderdag 7 april 2011 20:08 schreef qwox het volgende:
heb een site met een iframe, hierin staan delen van de site. echter ook eentje van buiten het domein/server. Nu probeer ik via javascript de achtergrond aan te passen in het iframe.

[ code verwijderd ]

Deze code werkt in chrome voor de pagina's die op de zelfde server staan echter niet bij de externe.
Nu vroeg ik me af of er een manier is om het wel te laten werken of dat je nooit aan externe pagina's kan komen.

disclaimer: voordat mensen zeggen dat je van andermans pagina's moet afblijven. is van een bekende en wilde alleen de achtergrond aanpassen om hem beter in de layout te passen.

alvast bedankt
kan helaas niet crossdomain.
Zie wat ik kijk: trakt.tv
pi_95186012
quote:
1s.gif Op donderdag 7 april 2011 20:51 schreef Danny het volgende:

[..]

kan helaas gelukkig niet crossdomain.
fixed.
zcflevo.nl
  Admin donderdag 7 april 2011 @ 20:56:33 #84
1 crew  Danny
always and nevermore
pi_95186291
quote:
1s.gif Op donderdag 7 april 2011 20:53 schreef KomtTijd... het volgende:

[..]

fixed.
eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kan :)
Zie wat ik kijk: trakt.tv
pi_95187309
quote:
5s.gif Op donderdag 7 april 2011 16:05 schreef Chandler het volgende:
Ik ben even wezen spelen maar krijg het niet helemaal voor elkaar :D

De volgende code werkt

[ code verwijderd ]

en deze code die dus zelf alle elementen moet aflopen werkt niet :{ krijg een error ivm [newID]

[ code verwijderd ]

hoe kan ik dit oplossen en zo de 'id's' variabel te maken?
Door een class te gebruiken op de invoervelden voor bestanden.

Dan krijg je zoiets in je formulier:
1
2
3		<input type="file" name="upload[]" id="thumb1" class="thumb-upload">
<input type="file" name="upload[]" id="thumb2" class="thumb-upload">
<input type="file" name="upload[]" id="thumb3" class="thumb-upload">

De bijbehorende javascript-code (met jQuery) is niet zo lastig. Proof of concept:
1
2
3
4
5		$(document).ready(function() {
    $('.thumb-upload').each(function(ix, el) {
        alert($(el).attr('id'));
    })
});

Het is dus niet nodig om ieder veld met z'n eigen id aan te spreken. Als je het nodig hebt (waarschijnlijk niet), kun je het wel achterhalen.
fokstok.nl
pi_95188706
quote:
1s.gif Op donderdag 7 april 2011 20:56 schreef Danny het volgende:

[..]

eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kan :)
ben het er ergens ook wel mee eens dat het niet mogelijk is, in dit geval vind ik het jammer.

iig allemaal bedankt voor het snelle antwoorden.
https://a-vents.com/STAR_Rally/
pi_95189457
quote:
1s.gif Op donderdag 7 april 2011 21:08 schreef Light het volgende:
Door een class te gebruiken op de invoervelden voor bestanden.

Dan krijg je zoiets in je formulier:

De bijbehorende javascript-code (met jQuery) is niet zo lastig. Proof of concept:

Het is dus niet nodig om ieder veld met z'n eigen id aan te spreken. Als je het nodig hebt (waarschijnlijk niet), kun je het wel achterhalen.
Opzich heel duidelijk alleen 1 vraag, hoe kan ik dan de id's dynamisch doorgeven? dat lukte mij niet, de error die ik kreeg in mijn voorbeeld kwam door thumb[newID] = $('img#thumb' + newID');
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  donderdag 7 april 2011 @ 21:38:58 #88
75592 GlowMouse
l'état, c'est moi
pi_95189780
de ' kloppen niet nu.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_95190577
quote:
Op donderdag 7 april 2011 21:27 schreef qwox het volgende:
[..]

ben het er ergens ook wel mee eens dat het niet mogelijk is, in dit geval vind ik het jammer.

iig allemaal bedankt voor het snelle antwoorden.
Er zijn wat mensen die extensies hebben gemaakt waarmee je een iframe kan manipuleren, tot op zekere hoogte.

[ Bericht 2% gewijzigd door #ANONIEM op 07-04-2011 21:48:50 ]
pi_95191275
quote:
1s.gif Op donderdag 7 april 2011 21:38 schreef GlowMouse het volgende:
de ' kloppen niet nu.
Klopt! er stond nog een ' tegen de ) aan :D

Maar goed, ik heb het werkend! _O_

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		$(document).ready(function() {
    thumb = new Array();
    $('.preview').each(function(ix, el) {
        var newID = $(el).attr('id').substring(7, $(el).attr('id').length);
        thumb[newID] = $('img#thumb' + newID);
        new AjaxUpload('imageUpload' + newID, { 
                           action: $('form#upForm' + newID).attr('action'), 
                           name: 'userfile', 
                           onSubmit: function(file, extension) {
                               $('div#preview' + newID).addClass('loading');
                           },      
                           onComplete: function(file, response) {
                               thumb[newID].load(function() {
                                   $('#preview' + newID).removeClass('loading');
                                   thumb[newID].unbind();
                               });
                               thumb[newID].attr('src', response);
                           } 
        });
    });
});

Nu kan ik uploaden op een prettige manier aanbieden! maar als jullie comments hebben hoor ik ze graag!

Gelijk een andere vraag, hoe kan ik tijdens het uploaden een ID meegeven, zodat ik het plaatje weer op dezelfde upload positie kan zetten? op zich weet ik wel 1, returnen als een array middels userfile[1] bv of moet ik dit anders aanpakken?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_95195119
Gewoon een index retourneren voor elk plaatje dat je upload en dat uitlezen?
pi_95214087
Wat bedoel je precies met index?

-edit-
ik heb het opgelost door de response te gebruikenn (nu xml code) die ik weer kan uitlezen!
Zo kan ik meer gegevens uitlezen dan alleen de preview url.

[ Bericht 73% gewijzigd door Chandler op 08-04-2011 17:31:43 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_95295544
Ik heb een probleem dat waarschijnlijk makkelijk is op te lossen. Een horizontale image balk die kan scrollen door twee knoppen. Hoe die knoppen zich gedragen, valt later nog te tweaken. Ik heb lopen klooien met jQuery, maar daar kwam niks uit.

HTML
1
2
3
4
5		<div id="nav">
<div id="reel">
<table>6 images op een rij</table> - Ik weet het, tables zijn not-done, maar is maar even voor de proef
</div>
</div>

CSS
1
2
3
4
5
6
7		#nav{
width:100%;
height: 200px;
}
#reel{
height: 200px; 
}

Met dit stukje code wilde ik het simpelse maar eens proberen, de scrollafstand manipuleren.
1
2
3		<script type="text/javascript">
      $("#nav").scrolLeft(300);
</script>
pi_95297766
Wat is precies je doel? Wat wil er niet lukken? Watvoor foutmeldingen krijg je?
zcflevo.nl
pi_95299249
quote:
5s.gif Op zondag 10 april 2011 13:39 schreef KomtTijd... het volgende:
Wat is precies je doel? Wat wil er niet lukken? Watvoor foutmeldingen krijg je?
Krijg geen specifieke foutmelding (niet goed gekeken mss).

Wat ik wil is dat als je links hovert dat hij naar links scrollt en bij rechts hover naar rechts scrollt. Maar het scrollen wil niet lukken, de divs die er boven zweven kan ik prima maken. Maar het scrollgedeelte dus, hoe krijg ik dat voor elkaar (zonder marquee ;) ).
  zondag 10 april 2011 @ 14:29:05 #96
75592 GlowMouse
l'état, c'est moi
pi_95299710
Als je met scrolLeft geen foutmelding krijgt dan doe je wat fout.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_95301286
Typo....
  maandag 11 april 2011 @ 00:48:21 #98
298746 Dalando
18, niet meer gefrustreerd
pi_95328963
Hoe kan ik van afbeeldingen (in JS) de groote krijgen, en die resizen, net ong. zoals FOK! dat doet, zodat het net in de DIV past?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_95330571
gewoon:
1
2
3		var plaatje = document.getElementById('plaatje');
var w = plaatje.width, h = plaatje.height;
plaatje.style.width = '100px'; plaatje.style.height = '100px';

Met style pas je eigenlijk de css aan, dus je kan ook procenten gebruiken en misschien ook wel em (ik weet het niet, en ik weet ook niet waarom je dat zou willen hoor :P)
En btw, deze methode werkt alleen als het plaatje al geladen is, anders is de hoogte en breedte onbekend en returned 0. Je moet het dus of gebruiken in een functie die je doet bij het event window.onload óf je moet het op deze manier doen:
1
2
3
4
5
6
7
8		plaatje = new Image();
plaatje.src = './teladenplaatje.png';
plaatje.onload = weergeefgrootte;

function weergeefgrootte()
{
    alert(this.width + ', ' + this.height);
}
Finally, someone let me out of my cage
pi_95378993
Ik hoop dat iemand mij hiermee kan helpen.
Ik ben opzoek naar een plugin voor een pagina waar snelbestellen moet komen, deze moet ervoor zorgen dat als je alleen het serienummer intypt dat de rest van de gegevens er ook komen dus de naam en prijs.

Hier onder is een voorbeeld van wat ik bedoel
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Bedankt alvast!
...
  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!
( ͡° ͜ʖ ͡°)
pi_96550049
Kan je hier ook codes aanvragen? :@ :X
pi_96610943
quote:
12s.gif Op maandag 9 mei 2011 15:56 schreef dockx het volgende:
Kan je hier ook codes aanvragen? :@ :X
Jahoor.

· · · — — — · · ·

Alsjeblieft.
zcflevo.nl
pi_96611093
quote:
0s.gif Op dinsdag 10 mei 2011 19:26 schreef KomtTijd... het volgende:

[..]

Jahoor.

· · · — — — · · ·

Alsjeblieft.
Maar ik bedoel met het gewenste effect dat ik voor ogen wil zien.. :P
  dinsdag 10 mei 2011 @ 19:33:53 #129
107418 wdn
Elfen lied O+
pi_96611402
quote:
0s.gif Op dinsdag 10 mei 2011 19:26 schreef KomtTijd... het volgende:

[..]

Jahoor.

· · · — — — · · ·

Alsjeblieft.
Waar heb je dringend hulp bij nodig dat je leven gered moet worden?
Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*
pi_96702955
Laat anders maar. Ik kom er zelf toch niet uit..
pi_96708858
quote:
0s.gif Op donderdag 12 mei 2011 16:34 schreef dockx het volgende:
Laat anders maar. Ik kom er zelf toch niet uit..
Tegen betaling wil ik best wat voor je maken hoor. Vertel maar wat het worden moet.
zcflevo.nl
pi_96709146
quote:
14s.gif Op donderdag 12 mei 2011 19:01 schreef KomtTijd... het volgende:

[..]

Tegen betaling wil ik best wat voor je maken hoor. Vertel maar wat het worden moet.
Ik wil een LightBox javascript code, maar ik ben zelf te dom om hem te maken. Wie kan me helpen?

LightBox: http://www.huddletogether.com/projects/lightbox2/#example

De 4 foto's die erin horen: http://imageupper.com/code/?S010001004T13050536341216260&thumbs

Alleen die betaling bevalt me niet zo.. :P
pi_96709346
quote:
0s.gif Op donderdag 12 mei 2011 19:06 schreef dockx het volgende:

[..]

Ik wil een LightBox javascript code, maar ik ben zelf te dom om hem te maken. Wie kan me helpen?

LightBox: http://www.huddletogether.com/projects/lightbox2/#example

De 4 foto's die erin horen: http://imageupper.com/code/?S010001004T13050536341216260&thumbs

Alleen die betaling bevalt me niet zo.. :P
Mja zo werkt dat in de wereld, als je iets wilt wat je zelf niet kunt, moet je er voor betalen...
zcflevo.nl
pi_96709409
quote:
0s.gif Op donderdag 12 mei 2011 19:10 schreef KomtTijd... het volgende:

[..]

Mja zo werkt dat in de wereld, als je iets wilt wat je zelf niet kunt, moet je er voor betalen...
Nooit gehoord van liefdadigheid? :P
  donderdag 12 mei 2011 @ 19:12:34 #135
75592 GlowMouse
l'état, c'est moi
pi_96709434
KomtTijd... betaalt voor kinderen.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_96709524
quote:
11s.gif Op donderdag 12 mei 2011 19:12 schreef GlowMouse het volgende:
KomtTijd... betaalt voor kinderen.
Weet jij nog ergens waar je ze voordelig kunt krijgen?
zcflevo.nl
  donderdag 12 mei 2011 @ 19:15:32 #137
75592 GlowMouse
l'état, c'est moi
pi_96709586
1
2
3
4
5
6
7
8
9
10
11
12
13
14		<html>
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<a href="http://s01.imageupper.com/1/4/T13050536341216260_1.jpg" rel="lightbox[dockx]"><img src="http://s01.imageupper.com/1_t/4/T13050536341216260_1.jpg" border=0></a>
<a href="http://s01.imageupper.com/1/4/T13050536341216260_2.jpg" rel="lightbox[dockx]"><img src="http://s01.imageupper.com/1_t/4/T13050536341216260_2.jpg" border=0></a>
<a href="http://s01.imageupper.com/1/4/T13050536341216260_3.jpg" rel="lightbox[dockx]"><img src="http://s01.imageupper.com/1_t/4/T13050536341216260_3.jpg" border=0></a>
<a href="http://s01.imageupper.com/1/4/T13050536341216260_4.jpg" rel="lightbox[dockx]"><img src="http://s01.imageupper.com/1_t/4/T13050536341216260_4.jpg" border=0></a>
</body>
</html>
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
  donderdag 12 mei 2011 @ 19:15:56 #138
75592 GlowMouse
l'état, c'est moi
pi_96709603
quote:
14s.gif Op donderdag 12 mei 2011 19:14 schreef KomtTijd... het volgende:

[..]

Weet jij nog ergens waar je ze voordelig kunt krijgen?
:Y, wil jij het ook weten?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_96709901
quote:
0s.gif Op donderdag 12 mei 2011 19:15 schreef GlowMouse het volgende:

[..]

:Y, wil jij het ook weten?
Wakostda?
zcflevo.nl
  donderdag 12 mei 2011 @ 19:24:11 #140
75592 GlowMouse
l'état, c'est moi
pi_96710019
ga eens niet zo offtopic, modacties zijn gratis
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_96710282
quote:
14s.gif Op donderdag 12 mei 2011 19:15 schreef GlowMouse het volgende:

[ code verwijderd ]

Held _O_
Wilde er nog iets specifieks over vragen, maar daar heb ik nu geen tijd voor en ik ga dat zelf uitzoeken. In ieder geval bedankt. ^O^
pi_96710953
quote:
0s.gif Op donderdag 12 mei 2011 19:28 schreef dockx het volgende:

[..]

Held _O_
Wilde er nog iets specifieks over vragen, maar daar heb ik nu geen tijd voor en ik ga dat zelf uitzoeken. In ieder geval bedankt. ^O^
Als je gewoon gelijk je probleem had gepost, was het al 6x opgelost :P
zcflevo.nl
pi_96817188
Hoe kan ik een input veld binden aan een functie die iedere verandering kan registeren (zowel verandering als de getallen als het verliezen van de focus!) .change werkt iig niet goed genoeg!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zaterdag 14 mei 2011 @ 23:15:41 #144
75592 GlowMouse
l'état, c'est moi
pi_96817266
change, blur, keypress, dan heb je bijna alles wel
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_96817535
ik ben aan het klooien geslagen met jquery (alweer) en JSON (eerste kennismaking) in JS
ik laat php een json_encode() sting aanleveren die ik vervolgens in een tabel wil parsen, maar ik krijg de melding "too much recursion" in Firebug (IE zegt syntax error in Json.js)

aangezien de materie redelijk nieuw voor mij is, iemand die me de goeie kant op kan helpen?
  zaterdag 14 mei 2011 @ 23:22:43 #146
75592 GlowMouse
l'état, c'est moi
pi_96817732
heb je een voorbeeld?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_96817804
quote:
0s.gif Op zaterdag 14 mei 2011 23:15 schreef GlowMouse het volgende:
change, blur, keypress, dan heb je bijna alles wel
Juist dus eigenlijk zou ik dan 3 bindings moeten maken op 1 veld (met jquery) en daarin een functie aanroepen?.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zaterdag 14 mei 2011 @ 23:25:10 #148
75592 GlowMouse
l'état, c'est moi
pi_96817862
quote:
18s.gif Op zaterdag 14 mei 2011 23:24 schreef Chandler het volgende:

[..]

Juist dus eigenlijk zou ik dan 3 bindings moeten maken op 1 veld (met jquery) en daarin een functie aanroepen?.
Met één binding lukt het iig niet.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_96818099
quote:
0s.gif Op zaterdag 14 mei 2011 23:22 schreef GlowMouse het volgende:
heb je een voorbeeld?
http://tinyurl.com/6gfch9r daar test ik de boel..
en
http://tinyurl.com/6eqnv9p daar komt de data vandaan..

de bedoeling is dat de data die binnenkomt in de tabel terecht komt, ik deze met een checkbox kan selecteren, in een dropdown of textbox een categorie in DB kan selecteren en deze regel er dan aan koppel
  zaterdag 14 mei 2011 @ 23:32:15 #150
75592 GlowMouse
l'état, c'est moi
pi_96818374
De data bestaat uit allemaal losse json-dingen met ook nog eens <br /> ertussen, stop dat eens in één jsonding.

En er is een mooie $.getJSON in jQuery.

En $(tblRow) is geen selector. Je wilt $("#userdata tbody").append(tblRow).
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
pi_96818685
quote:
0s.gif Op zaterdag 14 mei 2011 23:25 schreef GlowMouse het volgende:

[..]

Met één binding lukt het iig niet.
Ok juist, jammer :{
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_96818993
quote:
0s.gif Op zaterdag 14 mei 2011 23:32 schreef GlowMouse het volgende:
De data bestaat uit allemaal losse json-dingen met ook nog eens <br /> ertussen, stop dat eens in één jsonding.

En er is een mooie $.getJSON in jQuery.

En $(tblRow) is geen selector. Je wilt $("#userdata tbody").append(tblRow).

ok, thnx voor et commentaar :)
ik ga weer verder kutten :)
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')