[Javascript] voor dummies (deel 7)

zaterdag 26 januari 2008 @ 20:28:30 #1

PiRANiA

All thinking men are atheists.

De (voorlopige) OP van de [Javascript] voor dummies reeks.
Hier kan je alle vragen stellen over Javascript en alles wat er mee te maken heeft.

Heb je een probleem, post dan ook even de code waar het probleem zit

Zo kunnen we je beter proberen te helpen.

Vorige delen:
#1 - [Javascript] voor dummies - Deel 1
#2 - [Javascript] voor dummies - Deel 2
#3 - [Javascript] voor dummies - deel 3
#4 - [Javascript] voor dummies - deel 4
#5 - [Javascript] voor dummies (deel 6)
#6 - [Javascript] voor dummies (deel 6)

Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
_{Mis je een link? Geef even een gil in het topic}

Tutorials:
W3Schools Javascript
W3Schools AJAX

Laatste posts uit het vorige topic:

quote:
Op vrijdag 25 januari 2008 20:08 schreef ralfie het volgende:

[..]

ik kan me er wel iets bij voorstellen. Firefox is gebouwd op een soort van javascript engine en daarom ook helemaal rond dat soort objects en children en whatnot. IE heeft een eigen platform wat javascript als het ware emuleert. Wat je dan krijgt is dat dit soort basale functies in firefox heel snel gaan (want basaal) en in IE trager (want wordt geemuleerd) terwijl iets als object.innerHTML in IE direct wordt verwerkt terwijl firefox met objects.childs.counts.removes ed. moet gaan emuleren omdat netjes te verwerken.

Dat is mijn theorie althans

_{Deze OP: http://wiki.fok.nl/index.php/OP/Javascript}

Dag Google!

zaterdag 26 januari 2008 @ 20:35:01 #2

wobbel

Da WoBBeL King

aah weer een topic voor noobs zoals ik

Hosted VoIP SIP trunks Vast mobiel VoIP

zaterdag 26 januari 2008 @ 21:38:21 #3

ralfie

!Yvan eht nioj

ah, shit, ik had deze moeten maken

dit is geen verkapte tvp. echt niet

zaterdag 26 januari 2008 @ 22:21:01 #4

Tarabass

Die van mij wel

zaterdag 26 januari 2008 @ 22:53:13 #5

PiRANiA

All thinking men are atheists.

quote:
Op zaterdag 26 januari 2008 21:38 schreef ralfie het volgende:
ah, shit, ik had deze moeten maken

dit is geen verkapte tvp. echt niet

dat klopt, deze hou ik tegoed

Dag Google!

zondag 27 januari 2008 @ 13:53:09 #6

Tarabass

Ik ben bezig een shoutboxje te bouwen waarin ik een color-picker wil hebben. Nou heb ik een leuke colorpicker gevonden die er precies uitziet zoals ik dat wil. De zogenaamde flooble color picker. Echter is, zelfs met de code-generator, de code niet aan de praat te krijgen. Iemand een leuke andere color-picker in de aanbieding, of ziet iemand waar het probleem in zit?

zondag 27 januari 2008 @ 14:09:18 #7

fokME2

@Tarabass: Heb je ergens de gegenereerde code staan? Het moet toch wel te debuggen zijn?

zondag 27 januari 2008 @ 14:19:21 #8

Tarabass

@fokME2
Dit is de origineel code

Zoals je ziet doet ie niet wat hij zou moeten doen. Ik ben al aan het proberen gegaan maar zonder resultaat.

zondag 27 januari 2008 @ 15:25:54 #9

fokME2

Wat een rotzooi, daar kan ik je ook niet 1 2 3 mee helpen.

Is het niet een idee om zelf een kleine colorpicker in elkaar te zetten met een beperkt aantal kleuren? En eventueel zelf aan te vullen met een kleurcode?

zondag 27 januari 2008 @ 17:28:48 #10

Tarabass

quote:
Op zondag 27 januari 2008 15:25 schreef fokME2 het volgende:
Wat een rotzooi, daar kan ik je ook niet 1 2 3 mee helpen.

Is het niet een idee om zelf een kleine colorpicker in elkaar te zetten met een beperkt aantal kleuren? En eventueel zelf aan te vullen met een kleurcode?

Ja, ik vond het ook al een zooitje. Volgens mij is dat er expres van gemaakt om de code onbegrijpelijk te houden or whatever. Iig top dat je er even na gekeken hebt

Heb nog nooit een colorpicker gemaakt en javascript is (op dit niveau) ook nieuw voor me. Ajaxen lukt me wel, maar dit. Misschien dat iemand een leuke tut weet??, want die ik vind zijn enkel voor het grafische gedeelte ervan. In principe is het de bedoeling dat er automatisch om de geselecteerde tekst de tags '<font color=kleur>' en '</font>' komen, net zoals ik gebouwd heb bij de rest van de knoppen. Ik ga iig nog even wat rommelen en proberen

zondag 27 januari 2008 @ 17:39:30 #11

katerwater

Vraagje:

Ik heb 2 javascripten op mijn website gezet: een Mootools-effectje en een-Lightbox-achtig ding om mijn foto's te openen. Dat laatste werkt echter niet.

Kan het zijn dat die 2 javascripten met elkaar interfereren? En hoe los ik dit op?

zondag 27 januari 2008 @ 17:48:34 #12

Tarabass

Als je ze op twee verschillende pagina's zet doen ze het wel, maar samen niet?

Hoe roep je ze aan?

zondag 27 januari 2008 @ 17:53:38 #13

katerwater

De mootools beweging werkt apart, maar het andere werkt niet apart. Daar moet de fout dus ergens zitten.

Ik heb aparte linkjes gemaakt naar scripts, die ik van andere websites heb gekopieerd. In de head-sectie van mn html staan nu 4 verwijzingen en 2 korte stukjes script.

Ik hoop dat dit duidelijk genoeg is

zondag 27 januari 2008 @ 19:17:48 #14

Tarabass

Voor mij niet iig

Misschien moet je eens op zoek gaan naar een tutorial waarin ze de lightbox inbouwen. Hopen dat je daar je antwoord krijgt op je probleem

zondag 27 januari 2008 @ 19:39:57 #15

mcDavid

TVP

zondag 27 januari 2008 @ 20:13:44 #16

katerwater

quote:
Op zondag 27 januari 2008 19:17 schreef Tarabass het volgende:
Voor mij niet iig

Misschien moet je eens op zoek gaan naar een tutorial waarin ze de lightbox inbouwen. Hopen dat je daar je antwoord krijgt op je probleem

Morgen ben ik weer op mijn studentenkamer, dan zal ik de website eens online zetten. Want voor een javascript-noob is het niet gemakkelijke dit uit te leggen

zondag 27 januari 2008 @ 20:36:23 #17

SuperRembo

Sinds 1998

quote:
Op zondag 27 januari 2008 17:28 schreef Tarabass het volgende:

[..]

Ja, ik vond het ook al een zooitje. Volgens mij is dat er expres van gemaakt om de code onbegrijpelijk te houden or whatever.

Nee, het is gewoon beroerde code. Niet zoals het anno 2008 zou moeten.

Deze is wel aardig, Niet hoe ik het zou doen, maar wel vrij netjes. Met tutorial.

maandag 28 januari 2008 @ 09:11:47 #18

Tarabass

quote:
Op zondag 27 januari 2008 20:36 schreef SuperRembo het volgende:

[..]

Nee, het is gewoon beroerde code. Niet zoals het anno 2008 zou moeten.

Deze is wel aardig, Niet hoe ik het zou doen, maar wel vrij netjes. Met tutorial.

Dat is wel duidelijk want hij doet het simpelweg niet. Thx voor de link, ga ik zo even bekijken

maandag 28 januari 2008 @ 21:27:47 #19

Tarabass

quote:
Op zondag 27 januari 2008 15:25 schreef fokME2 het volgende:
Wat een rotzooi, daar kan ik je ook niet 1 2 3 mee helpen.

Is het niet een idee om zelf een kleine colorpicker in elkaar te zetten met een beperkt aantal kleuren? En eventueel zelf aan te vullen met een kleurcode?

Ik heb even wat in elkaar gebrouwen. Het doet het nu goed. Natuurlijk is feedback over de code welkom

Ben er best trots op!

Een ding lukt me niet. In FF hebben de td's in de colorpicker wel een border, maar in Ie krijg ik dit niet voor elkaar. Iemand een idee hoe dit toch voor elkaar te krijgen?

dinsdag 29 januari 2008 @ 08:36:48 #20

PiRANiA

All thinking men are atheists.

quote:
Op maandag 28 januari 2008 21:27 schreef Tarabass het volgende:

[..]

Ik heb even wat in elkaar gebrouwen. Het doet het nu goed. Natuurlijk is feedback over de code welkom

Ben er best trots op!

Een ding lukt me niet. In FF hebben de td's in de colorpicker wel een border, maar in Ie krijg ik dit niet voor elkaar. Iemand een idee hoe dit toch voor elkaar te krijgen?

als-ie nou online zou zijn...

Dag Google!

dinsdag 29 januari 2008 @ 09:43:45 #21

Tarabass

Ik heb het test-servertje gewoon thuis draaien. Hij is online van 8 uur tot half twaalf 's avonds, dus nu zou hij bereikbaar moeten zijn

dinsdag 29 januari 2008 @ 11:49:57 #22

Tuvai.net

Ik post ook maar eens een keer hier.

Ik mijdt Javascript als de pest zolang het kan, vandaag toch eens aan het experimenteren geslagen. Ik heb het volgende stukje code, een functie:

1
2
3
4
5
6
7
8
9
10
11
12
13

Wat ik met deze functie wil doen, heel simpel uitgelegd, is door middel van 3 argumenten een tabel toevoegen aan een <div>je. CreateDynamicTable('moo', 5, 5); zou dus een tabel met 5 rijen (<tr>) en per rij 5 cellen (<td>) moeten toevoegen, aldus via schermpje 1:

In dit schermpje geef ik dus die argumenten door, door op de knop 'Verder' te klikken wordt functie 'CreateDynamicTable' aangeroepen. Echter wat gebeurt er:

Hij zet alle cellen met de textareas naast elkaar neer voor een of andere reden, in plaats van er netjes een tabel met 3 x 3 kolommen x rijen van te maken.

Je zou in eerste opzicht denken dat een paar van de tags niet goed geparsed worden middels de CreateDynamicTable functie, echter als ik de functie aanpas en het volgende doe:

1
2
3
4
5
6
7
8
9

document.getElementById('bladie').value='<table>';
    for(i=1;i<=aRows;i++){
        document.getElementById('bladie').value+='\r\n<tr>';
        for(j=1;j<=aCols;j++){
            document.getElementById('bladie').value+='\r\n<td><textarea></textarea></td>';
        }
        document.getElementById('bladie').value+='\r\n</tr>';
    }
    document.getElementById('bladie').value+='\r\n</table>';

Dan doet hij in <textarea> 'bladie' wel netjes het volgende er in gooien:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Kortom, die output is perfect.

Dit zou een vrij eenvoudige functie en handeling moeten zijn, toch doe ik iets verkeerd en kijk ik er waarschijnlijk overheen. Wie o wie kan me helpen?

dinsdag 29 januari 2008 @ 12:55:15 #23

Tarabass

Ik vind de code heel rommelig. i en j een value meegeven en in de for-loop weer. document.getElementById('bladie') kun je in een variable gooien.

Je fout zit in het feit dat je de eerste for-loop maar 3 keer doorloopt. Deze zou je 9 keer moeten doorlopen. In die negen keer moet je kijken of het een cel of een rij wordt. Je wilt namelijk ook 9 textarea's, toch?

Het zou zoiets moeten worden:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

dinsdag 29 januari 2008 @ 13:01:00 #24

Tuvai.net

quote:
Op dinsdag 29 januari 2008 12:55 schreef Tarabass het volgende:
Ik vind de code heel rommelig. i en j een value meegeven en in de for-loop weer. document.getElementById('bladie') kun je in een variable gooien.

Het opruimen is voor naderhand, als het functioneel is.

quote:
Op dinsdag 29 januari 2008 12:55 schreef Tarabass het volgende:
Je fout zit in het feit dat je de eerste for-loop maar 3 keer doorloopt. Deze zou je 9 keer moeten doorlopen. In die negen keer moet je kijken of het een cel of een rij wordt. Je wilt namelijk ook 9 textarea's, toch?

Het loopen klopt hoor. In het voorbeeld hierboven waren aRows en aCols beiden 3. In loop 1 gaat de code door de rijen, en in deze loop vindt ook weer een loop plaats die het aantal cellen aanmaakt. Wat dat betreft klopt dat stukje. Het probleem zit 'm hier in het feit dat de innerHTML output raar is, terwijl als ik de output als text naar een textarea parse, deze wel 100% correct is.

Tevens heb ik zojuist hetzelfde geprobeert met <div> jes in plaats van een <table> met daarin <tr> en <td> tags. Dit werkte wel. Alsof innerHTML me niet toelaat tabelletjes te maken. >_>

dinsdag 29 januari 2008 @ 13:03:03 #25

fokME2

Ik had het vermoeden dat het fout ging bij het "innerHTML+= ...". De functie een heeeel klein beetje omgebouwd en hij werkt hier nu in Opera 9, Firefox 2 en IE6.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<?php
function CreateDynamicTable(aDiv, aRows, aCols)
{
    var table = '<table>';
    var i=1;
    var j=1;
    for(i=1;i<=aRows;i++){
        table += '\r\n<tr>';
        for(j=1;j<=aCols;j++){
            table +='\r\n<td><textarea></textarea></td>';
        }
        table+='\r\n</tr>';
    }
    table+='\r\n</table>';
    document.getElementById(aDiv).innerHTML=table;
}
?>

Is het niet een idee om helemaal "netjes" met docum ent.createElement() en appendChild te werken?

dinsdag 29 januari 2008 @ 13:08:24 #26

Tarabass

quote:
Op dinsdag 29 januari 2008 13:01 schreef Tuvai.net het volgende:

[..]

Het opruimen is voor naderhand, als het functioneel is.
[..]

Het loopen klopt hoor. In het voorbeeld hierboven waren aRows en aCols beiden 3. In loop 1 gaat de code door de rijen, en in deze loop vindt ook weer een loop plaats die het aantal cellen aanmaakt. Wat dat betreft klopt dat stukje. Het probleem zit 'm hier in het feit dat de innerHTML output raar is, terwijl als ik de output als text naar een textarea parse, deze wel 100% correct is.

Tevens heb ik zojuist hetzelfde geprobeert met <div> jes in plaats van een <table> met daarin <tr> en <td> tags. Dit werkte wel. Alsof innerHTML me niet toelaat tabelletjes te maken. >_>

Dat stukje code dat ik gaf werkt gewoon. Hoe je het dus ook interpreteert, je loopt de loop maar 3 keer door en dat moet 9 keer worden. Daarbij zal hij 3 keer zeggen dat het een row + cols moet zijn en 6 keer alleen een col. Code is getest en werkt

Create table

dinsdag 29 januari 2008 @ 13:22:19 #27

Tuvai.net

quote:
Op dinsdag 29 januari 2008 13:08 schreef Tarabass het volgende:
Dat stukje code dat ik gaf werkt gewoon. Hoe je het dus ook interpreteert, je loopt de loop maar 3 keer door en dat moet 9 keer worden.

Hoe kom je toch bij die 3 keer?

Zie je wel dat er een volledig andere loop (voor de <td> tags) in m'n eerste loop (voor de <tr> tags) staat? Sowieso worden het aantal rijen aangemaakt a.h.v. de eerste loop, en elke keer dat die plaatsvindt, word ook de loop daarbinnen aangeroepen. Zie m'n output naar het <textarea> element, die werkt gewoon.

quote:
Op dinsdag 29 januari 2008 13:03 schreef fokME2 het volgende:
Ik had het vermoeden dat het fout ging bij het "innerHTML+= ...". De functie een heeeel klein beetje omgebouwd en hij werkt hier nu in Opera 9, Firefox 2 en IE6.
[ code verwijderd ]

Is het niet een idee om helemaal "netjes" met docum ent.createElement() en appendChild te werken?

Bij het innerHTML gedeelte ging 'ie inderdaad de fout in. Het werkt nu; ik heb sowieso de tabel vervangen door <div>jes (het hele programma`tje/site`je is immers al conform XHTML strict opgebouwd

), en in plaats van de output meteen weg te schrijven middels innerHTML, alles in een tijdelijk variabele gegooid (buffer).

CreateElement() en appendChild zeggen me vrij weinig, nogmaals, ik ben normaal niet zo weg van Javascript. Maakt het iets uit?

dinsdag 29 januari 2008 @ 13:23:53 #28

SuperRembo

Sinds 1998

Of m.b.v. DOM functies:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

dinsdag 29 januari 2008 @ 13:28:27 #29

Tarabass

quote:
Op dinsdag 29 januari 2008 13:22 schreef Tuvai.net het volgende:
Hoe kom je toch bij die 3 keer? Zie je wel dat er een volledig andere loop (voor de <td> tags) in m'n eerste loop (voor de <tr> tags) staat? Sowieso worden het aantal rijen aangemaakt a.h.v. de eerste loop, en elke keer dat die plaatsvindt, word ook de loop daarbinnen aangeroepen. Zie m'n output naar het <textarea> element, die werkt gewoon.

Ja, je hebt gelijk. Je hebt de loopjes inderdaad wat anders staan en ik gaf mijn commentaar aan de hand van mijn snippet, waarin hij dus de loop maar 3 keer zou doorlopen en dus maar op 1 rij zou uitkomen. Verwarring van mijn kant, sorry daarvoor. Ik iig blij dat het gelukt is, die van jou is inderdaad mooier en korter. Denk dat ik dat snippetje even overneem

dinsdag 29 januari 2008 @ 13:29:50 #30

Tarabass

quote:
Op dinsdag 29 januari 2008 13:23 schreef SuperRembo het volgende:
Of m.b.v. DOM functies:
[ code verwijderd ]

Bah, remco! Jij komt ook altijd met een nog betere oplossing

dinsdag 29 januari 2008 @ 13:36:13 #31

Tuvai.net

Dat ziet er inderdaad een stuk mooier en object-achtig uit.

Hoe kan ik in dat voorbeeldje echter een attribuut meegeven aan een rij, cel, etc?

dinsdag 29 januari 2008 @ 13:43:21 #32

Tarabass

setAttribute('id','naam_id');

dinsdag 29 januari 2008 @ 14:10:38 #33

SuperRembo

Sinds 1998

quote:
Op dinsdag 29 januari 2008 13:29 schreef Tarabass het volgende:
[..]
Bah, remco! Jij komt ook altijd met een nog betere oplossing

(Super)Rembo is met een b, desnoods met een k, maar nooit met een c!

quote:
Op dinsdag 29 januari 2008 13:43 schreef Tarabass het volgende:
setAttribute('id','naam_id');

Het is eigenlijk altijd beter om een property op het object te zetten i.p.v. een attribute met setAttribute().

Dus
el.id = "foo";
i.p.v.
el.setAttribute("id", "foo");

dinsdag 29 januari 2008 @ 15:26:56 #34

Tarabass

quote:
Op dinsdag 29 januari 2008 14:10 schreef SuperRembo het volgende:
(Super)Rembo is met een b, desnoods met een k, maar nooit met een c!

Sorry, RemKo

quote:
Het is eigenlijk altijd beter om een property op het object te zetten i.p.v. een attribute met setAttribute().

Dus
el.id = "foo";
i.p.v.
el.setAttribute("id", "foo");

Ik zou graag zo willen denken als jij (bah wat klinkt dat gay) maar dan zullen we wel moeten weten waarom het is. Dus waarom liever een property dan de functie setAttribute()?

dinsdag 29 januari 2008 @ 16:44:48 #35

SuperRembo

Sinds 1998

Het is korter en duidelijker.
Ik denk dat 't sneller is (maar heb ik niet getest)
Het kan problemen geven zoals bij het zetten van een class:

1
2
3

el.className = 'foo'; // Dit werkt goed
el.setAttribute('class', 'foo'); // Werkt in FF, werkt niet in IE
el.setAttribute('className', 'foo'); // Werkt in IE, werkt niet in FF

Je zal wel setAttribute() moeten gebruiken als je later nog de innerHTML van het element wil ophalen (maar waarom zou je dat willen?)

getAttribute() heb je eigenlijk allen nodig als je een property wil opvragen die niet in de HTML standaard gedefinieerd is.

woensdag 30 januari 2008 @ 08:27:39 #36

Tuvai.net

quote:
Op dinsdag 29 januari 2008 16:44 schreef SuperRembo het volgende:
Het is korter en duidelijker.
Ik denk dat 't sneller is (maar heb ik niet getest)
Het kan problemen geven zoals bij het zetten van een class:
[ code verwijderd ]

Je zal wel setAttribute() moeten gebruiken als je later nog de innerHTML van het element wil ophalen (maar waarom zou je dat willen?)

getAttribute() heb je eigenlijk allen nodig als je een property wil opvragen die niet in de HTML standaard gedefinieerd is.

Kortom die heb je niet echt nodig wanneer je toch al netjes je HTML in orde hebt.

woensdag 30 januari 2008 @ 13:39:43 #37

fokME2

@SuperRembo: Dat is inderdaad de netste oplossing!

Zijn er hier mensen die werken met libraries? Op het moment ben ik aan het spelen met prototype en het bevalt heel goed.

woensdag 30 januari 2008 @ 13:41:42 #38

Tarabass

Nu wil ik een onclick-event toevoegen aan de 'cell', maar dit lukt niet goed.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

Ik wil dus bij het klikken van een cell de functies showhide() en setColor() aanroepen, hoe bouw ik dat dan in?

woensdag 30 januari 2008 @ 13:58:53 #39

fokME2

1	cell.onclick = function() {alert('Hello World!');};

Geen new function, maar gewoon function (). Dan werkt het wel?

woensdag 30 januari 2008 @ 14:38:05 #40

Dzy

It is I

Hey ladies,

ik had een vraagje. Ik ben de laatste tijd erg veel met PHP en MySQL bezig, ook op m'n werk, maar ik ben nog wel echt een javascript newb. Met moeite en een hoop knip en plak werk en hopen dat het goed gaat kan ik wat kleine AJAX dingen inbouwen zoals dynamische SELECTs enzo. Ik wil dus graag wat beter worden met JavaScript.

Gewoon tutorials doornemen werkt voor mij niet zo heel goed, ik wil graag een (klein) projectje doen waarmee ik zelf dingen op moet zoeken en op moet lossen, want dan leer je het veel beter. Heeft iemand een idee voor zo'n projectje of zijn er zelfs sites waar zulke dingen op staan waar je evt wat tips kunt krijgen mocht je er niet uitkomen?

Een tutorial met oefenopgaven is ook prima.

Tanks!

"Reality is an illusion created by a lack of alcohol."

woensdag 30 januari 2008 @ 14:48:05 #41

Tarabass

quote:
Op woensdag 30 januari 2008 13:58 schreef fokME2 het volgende:

[ code verwijderd ]

Geen new function, maar gewoon function (). Dan werkt het wel?

Dat werkt wel maar is niet wat ik wil. Bovendien wordt de alert al aangeroepen bij het maken van het table, dus laat ik de table aanmaken dan krijg ik eerst 7*9 alert-boxjes, ipv één alert-boxje bij het klikken van een cel

Ik wil dus twee bestaande functies aanroepen, en pas op het moment als ik op de cel klik. Bij de setAttribute-manier lukt dit in FF, maar werkt dat niet in IE

woensdag 30 januari 2008 @ 14:51:23 #42

Tarabass

quote:
Op woensdag 30 januari 2008 14:38 schreef Dzy het volgende:
[knip]

Tja, w3schools heeft wel een paar leuke voorbeelden, zo ook tizag. Verder is google natuurlijk je beste vriend..

woensdag 30 januari 2008 @ 15:06:30 #43

fokME2

@Tarabass: Als ik "function" doe ipv "new function" met jou functie dan wordt er alleen gealert als ik klik op een td? Zowel in IE6, FF2 en Opera 9?

1	cell.onclick = function() {showhide(parent); setColor(curColor);};

?

woensdag 30 januari 2008 @ 15:38:09 #44

Tarabass

quote:
Op woensdag 30 januari 2008 15:06 schreef fokME2 het volgende:
@Tarabass: Als ik "function" doe ipv "new function" met jou functie dan wordt er alleen gealert als ik klik op een td? Zowel in IE6, FF2 en Opera 9?
[ code verwijderd ]

?

Dat is hem inderdaad bijna

Alleen is de curColor nu elke keer de laatste kleur uit de array. Voorbeeldje..

Erg vreemd, want de cel-bgcolor wordt ook gevuld door die array en die loopt wel goed door en vult alle cellen met alle kleuren. Vreemd..

woensdag 30 januari 2008 @ 15:50:12 #45

fokME2

Dat is helemaal niet zo raar. Op het moment dat de backgroundcolor wordt geset is de loop nog bezig. Als de loop klaar is dan blijft curColor de kleur van de laatste cell. (Doe eens alert(curColor) na appendChild van de table.)

Als je op een cell klikt, dan wordt curColor uitgelezen wat op dat moment de laatste kleur is uit de loop.

Een oplossing zou kunnen zijn om de achtergrondkleur van de cell waarop je klikt mee te geven aan de functie:

1	cell.onclick = function() { showhide(parent,parent.id); setColor(this.bgColor); };

woensdag 30 januari 2008 @ 16:29:35 #46

Tarabass

quote:
Op woensdag 30 januari 2008 15:50 schreef fokME2 het volgende:
Dat is helemaal niet zo raar. Op het moment dat de backgroundcolor wordt geset is de loop nog bezig. Als de loop klaar is dan blijft curColor de kleur van de laatste cell. (Doe eens alert(curColor) na appendChild van de table.)

Als je op een cell klikt, dan wordt curColor uitgelezen wat op dat moment de laatste kleur is uit de loop. Een oplossing zou kunnen zijn om de achtergrondkleur van de cell waarop je klikt mee te geven aan de functie:
[ code verwijderd ]

Schiet mij maar lek, maar ik begrijp je niet denk ik. Het werkt wel overigens hoor, maar begrijpen is een tweede.

Wat mijn gedachtes zijn:

De kleur wordt in de loop uit een array gehaald. Property cell.bgColor wordt gevuld met die kleur en de kleur wordt op dat moment gebruikt voor het aanmaken van een functie. Ik denk dan dat hij dat in de tag van die td zet, net zoals je dit keihard kan doen. Ik begrijp niet dat die functie dus ook echt wordt aangeroepen en ook aangemaakt pas bij het klikken van de td. Die logica ontgaat mij maar misschien dat ik dat ooit nog snap

woensdag 30 januari 2008 @ 19:03:58 #47

SuperRembo

Sinds 1998

quote:
Op woensdag 30 januari 2008 16:29 schreef Tarabass het volgende:
[..]
Schiet mij maar lek, maar ik begrijp je niet denk ik. Het werkt wel overigens hoor, maar begrijpen is een tweede.

Verdiep je eens in closures
http://blog.morrisjohns.com/javascript_closures_for_dummies
http://ajaxian.com/archives/javascript-closures-for-dummies

donderdag 31 januari 2008 @ 11:35:59 #48

fokME2

@SuperRembo: Handige links, ik ken nog wel wat mensen die wat uitleg behoeven.

donderdag 31 januari 2008 @ 15:37:32 #49

Tarabass

Inderdaad informatieve linkjes, bedankt! Closures dus huh..

donderdag 31 januari 2008 @ 17:08:13 #50

wobbel

Da WoBBeL King

Ik zoek voor onderstaande script een variant die WEL in Firefox werkt (dat doet deze dus NIET!!!).
Hij werkt in IE7 en IE6 wel, maar FF dus niet.

http://www.leejoo.nl/java/menu/rol_menu.htm iemand die dat kan oplossen of een andere weet die wel in FF werkt?

Hosted VoIP SIP trunks Vast mobiel VoIP

donderdag 31 januari 2008 @ 17:22:42 #51

mcDavid

quote:
Op donderdag 31 januari 2008 17:08 schreef wobbel het volgende:
Ik zoek voor onderstaande script een variant die WEL in Firefox werkt (dat doet deze dus NIET!!!).
Hij werkt in IE7 en IE6 wel, maar FF dus niet.

http://www.leejoo.nl/java/menu/rol_menu.htm iemand die dat kan oplossen of een andere weet die wel in FF werkt?

Waarom niet gewoon in een div zetten die met position:fixed gepositioneerd is?

donderdag 31 januari 2008 @ 17:26:06 #52

fokME2

Het gaat waarschijnlijk om het slide effectje.

donderdag 31 januari 2008 @ 17:44:03 #53

Tarabass

quote:
Op donderdag 31 januari 2008 17:08 schreef wobbel het volgende:
Ik zoek voor onderstaande script een variant die WEL in Firefox werkt (dat doet deze dus NIET!!!).
Hij werkt in IE7 en IE6 wel, maar FF dus niet.

http://www.leejoo.nl/java/menu/rol_menu.htm iemand die dat kan oplossen of een andere weet die wel in FF werkt?

Zit er niets voor je bij op Dynamicdrive.com?

maandag 4 februari 2008 @ 23:36:31 #54

mcDavid

ff een vraagje.

Ik laat een scriptje een input vergelijken met een lijst variables, en vervolgens de waarde van de bijbehorende variable plotten.

Maar als de input een niet bestaande variable is, loopt het script vast. Kan ik dit op een eenvoudige manier opvangen?

1
2
3
4
5
6
7

var c=location.search.slice(1);

        if ( eval(c) == "" ) {
          document.write("ERROR: onbekende variable");
        }
        else {
          document.write(eval(c));

zover was ik zelf al maar dit werkt dus niet :')

maandag 4 februari 2008 @ 23:39:09 #55

fokME2

1
2
3
4
5
6

if(typeof eval(c) == "undefined")
{
//error
} else {
//jee
}

Zoiets?

maandag 4 februari 2008 @ 23:50:11 #56

mcDavid

dat werkt alleen als c leeg is. Als er iets willekeurigs verkeerds instaat krijg ik niets terug.

dinsdag 5 februari 2008 @ 09:52:14 #57

SuperRembo

Sinds 1998

quote:
Op maandag 4 februari 2008 23:36 schreef mcDavid het volgende:
ff een vraagje.

Ik laat een scriptje een input vergelijken met een lijst variables, en vervolgens de waarde van de bijbehorende variable plotten.

Maar als de input een niet bestaande variable is, loopt het script vast. Kan ik dit op een eenvoudige manier opvangen?
[ code verwijderd ]

zover was ik zelf al maar dit werkt dus niet

Waarom gebruik je eval?

dinsdag 5 februari 2008 @ 20:19:45 #58

mcDavid

quote:
Op dinsdag 5 februari 2008 09:52 schreef SuperRembo het volgende:

[..]

Waarom gebruik je eval?

Omdat ik niet de waarde van c wil, maar de waarde van de variable met als naam (c).

dinsdag 5 februari 2008 @ 20:21:35 #59

mcDavid

nog een (n00b)vraagje trouwens: is het mogelijk om in plaats van document.getElementById("id") iets soortgelijks te doen maar dan met de naam?

Zodat je bijv. de waarde kunt krijgen van een input die alleen een naam heeft.

-edit-
oh het is getElemtsByName

[ Bericht 21% gewijzigd door mcDavid op 05-02-2008 21:06:31 ]

dinsdag 5 februari 2008 @ 22:51:33 #60

fokME2

@mcDavid: Zo dan?

1
2
3
4
5
6

if ( eval('typeof ' + c) == 'undefined' )
{
document.write("ERROR: onbekende variable");
} else {
document.write(eval(c));
}

Net even wat rondgetest, dit doet volgens mij wat je wil?

dinsdag 5 februari 2008 @ 23:03:47 #61

mcDavid

Ja werkt inderdaad!

Komt wel kritisch met de spaties overigens

dinsdag 5 februari 2008 @ 23:29:48 #62

fokME2

Jup, maarja, al een flink eind opweg zo.

dinsdag 5 februari 2008 @ 23:51:30 #63

mcDavid

Mag ook wel, na bijna 3 kwart jaar bezig te zijn met een site

. Hoop van geleerd iig.
over anderhalve week wil ik 'm de lucht in hebben.

woensdag 6 februari 2008 @ 00:05:30 #64

SuperRembo

Sinds 1998

quote:
Op dinsdag 5 februari 2008 20:21 schreef mcDavid het volgende:
nog een (n00b)vraagje trouwens: is het mogelijk om in plaats van document.getElementById("id") iets soortgelijks te doen maar dan met de naam?

Zodat je bijv. de waarde kunt krijgen van een input die alleen een naam heeft.

-edit-
oh het is getElemtsByName

Nee, niet helemaal. De functie document.getElementsByName bestaat alleen in IE, niet in Firefox en Opera. Je kunt beter iets gebruiken als document.forms[0].elements["naamVanHetVeld"], dat werkt in elke browser.

woensdag 6 februari 2008 @ 00:23:52 #65

mcDavid

quote:
Op woensdag 6 februari 2008 00:05 schreef SuperRembo het volgende:

[..]

Nee, niet helemaal. De functie document.getElementsByName bestaat alleen in IE, niet in Firefox en Opera. Je kunt beter iets gebruiken als document.forms[0].elements["naamVanHetVeld"], dat werkt in elke browser.

Het werkt in firefox, en dat is genoeg, want het was voor een greasemonkey scriptje!

woensdag 6 februari 2008 @ 00:40:14 #66

SuperRembo

Sinds 1998

Hmmm... foutje van mij. Zal ook de s vergeten zijn denk ik

woensdag 6 februari 2008 @ 00:44:26 #67

mcDavid

quote:
Op woensdag 6 februari 2008 00:23 schreef mcDavid het volgende:

[..]

Het werkt in firefox, en dat is genoeg, want het was voor een greasemonkey scriptje!

12 installs in één dag is toch best goed volgens mij

woensdag 6 februari 2008 @ 00:53:29 #68

fokME2

Ik heb ook nog wel wat leuke dingen liggen, maar je Fok! heeft liever niet dat je er mee adverteerd etc.

woensdag 6 februari 2008 @ 01:00:11 #69

mcDavid

Zolang je er geen topics over opent gaat het wel goed

woensdag 6 februari 2008 @ 07:49:37 #70

Chandler

tvp

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 14 februari 2008 @ 09:25:08 #71

Flaccid

tvp

donderdag 14 februari 2008 @ 16:46:52 #72

Flaccid

Ik heb een textbox met value = 'Password'. Nu wil ik onclick het type veranderen naar een password field, en de textbox legen. this.type='password' werkt hier niet in IE

donderdag 14 februari 2008 @ 21:06:50 #73

PiRANiA

All thinking men are atheists.

quote:
Op donderdag 14 februari 2008 16:46 schreef Flaccid het volgende:
Ik heb een textbox met value = 'Password'. Nu wil ik onclick het type veranderen naar een password field, en de textbox legen. this.type='password' werkt hier niet in IE

Als het niet lukt, maak dan een achtergrondplaatje met de tekst 'wachtwoord' dat verdwijnt als je er op klikt?

Dag Google!

donderdag 14 februari 2008 @ 21:26:45 #74

Flaccid

quote:
Op donderdag 14 februari 2008 21:06 schreef PiRANiA het volgende:

[..]

Als het niet lukt, maak dan een achtergrondplaatje met de tekst 'wachtwoord' dat verdwijnt als je er op klikt?

onclick='this.class='bg.png' , en dan anders de class='textbg.png' bijvoorbeeld?

donderdag 14 februari 2008 @ 21:39:27 #75

PiRANiA

All thinking men are atheists.

quote:
Op donderdag 14 februari 2008 21:26 schreef Flaccid het volgende:

[..]

onclick='this.class='bg.png' , en dan anders de class='textbg.png' bijvoorbeeld?

className @ javascript

maar idd, zo kun je het aanpakken

Dag Google!

donderdag 14 februari 2008 @ 21:54:03 #76

fokME2

http://www.dynamicsitesol(...)changing-input-type/

Doet dit niet zoiets?

donderdag 14 februari 2008 @ 22:07:47 #77

SuperRembo

Sinds 1998

quote:
Op donderdag 14 februari 2008 16:46 schreef Flaccid het volgende:
Ik heb een textbox met value = 'Password'. Nu wil ik onclick het type veranderen naar een password field, en de textbox legen. this.type='password' werkt hier niet in IE

Bij A List Apart staat een mooie oplossing beschreven: http://www.alistapart.com(...)formsmoreaccessible/

dinsdag 19 februari 2008 @ 22:22:03 #78

Litso

Interlectueel.

Ok, ik ben zelf een image gallery aan het bouwen en nu heb ik in JS een slidebar gemaakt voor de thumbnails, maar die loopt niet zo soepel. In IE 7 geen problemen, maar in FF hakkelt hij ontzettend.
Nu ben ik sowieso geen held in JS, dus ga ik ervanuit dat het ligt aan mijn inferieure scriptingskills, maar heeft iemand een idee hoe ik dit kan optimaliseren?

script:

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

De scrollknopjes roepen uiteraard respectievelijk left(x) en right(x) aan, met als x de breedte van de totale div.

De site: http://litso.com/gallery/index.php?action=tagged

Iemand een idee?

"Dat is echt ontzettend zielig" ©

woensdag 20 februari 2008 @ 00:53:15 #79

mcDavid

Volgens mij werkt'ie hier in Fx gewoon goed hoor? (2.0.0.12)

Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
dus <=, >=, == enz. in plaats van <, > en =

woensdag 20 februari 2008 @ 01:01:54 #80

Litso

Interlectueel.

quote:
Op woensdag 20 februari 2008 00:53 schreef mcDavid het volgende:
Volgens mij werkt'ie hier in Fx gewoon goed hoor? (2.0.0.12)

Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
dus <=, >=, == enz. in plaats van <, > en =

>= betekent wat anders dan >, dus lijkt me stug.
Maar hij doet het ook gewoon soepel? Hier niet namelijk, maar ik bedenk me net dat ik op FF3 Beta zit.

edit: bij nader inzien had ik alleen nog op mn laptop getest. Op mn desktop doet ie het wel goed. Lag dus aan de laptop (acer

)

"Dat is echt ontzettend zielig" ©

woensdag 20 februari 2008 @ 07:49:40 #81

SuperRembo

Sinds 1998

quote:
Op woensdag 20 februari 2008 00:53 schreef mcDavid het volgende:
Volgens mij is het officieel wel zo dat je bij vergelijkingen in een if-statement altijd twee vergelijkingstekens moet gebruiken
dus <=, >=, == enz. in plaats van <, > en =

Dat is onzin. Je moet natuurlijk wel goed letten op het verschil tussen = en ==.

Hier werkt ie trouwens ook soepel in FF3 (beta), ondanks de niet optimale code. De makkelijkste optimalisatie die je kan doen is om niet telkens document.getElementById('bar') uit te voeren. Dat kost relatief veel tijd, die kan je beter 1x uitvoeren en opslaan in een variabele.

woensdag 20 februari 2008 @ 14:11:11 #82

mcDavid

ik weet het verschil in betekenis, maar had zelf een keer een scriptje dat alleen werkte met dubbele == enzo. Maar wellicht kwam dat dan wel juist door het verschil in betekenis.

woensdag 20 februari 2008 @ 14:52:59 #83

Litso

Interlectueel.

quote:
Op woensdag 20 februari 2008 14:11 schreef mcDavid het volgende:
ik weet het verschil in betekenis, maar had zelf een keer een scriptje dat alleen werkte met dubbele == enzo. Maar wellicht kwam dat dan wel juist door het verschil in betekenis.

Bij = en == klopt het wel.
x = 5 betekent dat x de waarde 5 krijgt, x == 5 checkt of x gelijk is aan 5.
Bij andere operatoren hoeft dat dus niet.

"Dat is echt ontzettend zielig" ©

woensdag 20 februari 2008 @ 19:25:45 #84

ralfie

!Yvan eht nioj

ja en

< betekent kleiner dan
<= kleiner dan of gelijk aan
> groter dan
>= groter dan of gelijk aan

Nogal een verschil dus

maandag 3 maart 2008 @ 14:54:23 #85

mcDavid

Is Opera zo slecht met Javascript of ligt het echt aan mij?

http://zcflevo.nl/files/thumbnails.js Zo pittig is de functie openinfo(y) toch ook weer niet?

[ Bericht 39% gewijzigd door mcDavid op 03-03-2008 14:59:47 ]

maandag 3 maart 2008 @ 18:14:31 #86

SuperRembo

Sinds 1998

quote:
Op maandag 3 maart 2008 14:54 schreef mcDavid het volgende:
Is Opera zo slecht met Javascript of ligt het echt aan mij?

http://zcflevo.nl/files/thumbnails.js Zo pittig is de functie openinfo(y) toch ook weer niet?

Lijkt me ook niet. Wat is 't probleem dan? Heb je een voorbeeld online?

maandag 3 maart 2008 @ 18:22:06 #87

mcDavid

www.zcflevo.nl

als je op zo'n gele link klikt, dan op terug, en dan nog een keer op dezelfde link klikt, dan doet'ie het niet meer in opera.

Met terug wordt een frame geopend dat parent.docment.GetElementById("info").style="hidden" doet. Zodat hij weer verstopt wordt.

Dat bleek het eerst ook al niet te doen in opera, maar dat heb ik al opgelost.

maandag 3 maart 2008 @ 18:57:13 #88

SuperRembo

Sinds 1998

Ik zie ook niet wat er fout gaat.

Misschien een andere oplossing zoeken. Als je ook ergens een linkje toevoegt om het eerste info schermpje (met het weer) te laten zien dan heb je die terug knop niet nodig. Of laat de iframe altijd zien, en laadt er als eerste de weer-info in.

maandag 3 maart 2008 @ 19:12:54 #89

mcDavid

quote:
Op maandag 3 maart 2008 18:57 schreef SuperRembo het volgende:
Ik zie ook niet wat er fout gaat.

Misschien een andere oplossing zoeken. Als je ook ergens een linkje toevoegt om het eerste info schermpje (met het weer) te laten zien dan heb je die terug knop niet nodig. Of laat de iframe altijd zien, en laadt er als eerste de weer-info in.

Dat laatste wou ik nou juist liever niet. Is kut voor de structuur. Op de indexpagina zou het (zoals 'ie nu is) misschien nog kunnen maar op de andere pagina's is het rot.

Moet toch maar es PHP onder de knie zien te krijgen. Dan heb ik helemaal geen iframes meer nodig.

maandag 3 maart 2008 @ 20:09:17 #90

PiRANiA

All thinking men are atheists.

quote:
Op maandag 3 maart 2008 19:12 schreef mcDavid het volgende:

[..]

Dat laatste wou ik nou juist liever niet. Is kut voor de structuur. Op de indexpagina zou het (zoals 'ie nu is) misschien nog kunnen maar op de andere pagina's is het rot.

Moet toch maar es PHP onder de knie zien te krijgen. Dan heb ik helemaal geen iframes meer nodig.

Doen!

Dag Google!

donderdag 13 maart 2008 @ 10:07:54 #91

wobbel

Da WoBBeL King

Hellep

Waarom doet http://www.dumpzooi.nl/v2/TEST.php het wel in IE7, maar niet in Firefox?

Hosted VoIP SIP trunks Vast mobiel VoIP

donderdag 13 maart 2008 @ 13:11:59 #92

SuperRembo

Sinds 1998

quote:
Op donderdag 13 maart 2008 10:07 schreef wobbel het volgende:
Hellep

Waarom doet http://www.dumpzooi.nl/v2/TEST.php het wel in IE7, maar niet in Firefox?

Omdat document.all false oplevert in Firefox?

donderdag 13 maart 2008 @ 15:07:18 #93

wobbel

Da WoBBeL King

quote:
Op donderdag 13 maart 2008 13:11 schreef SuperRembo het volgende:

[..]

Omdat document.all false oplevert in Firefox?

aah me is not so smart

maar het werkt idd

Hosted VoIP SIP trunks Vast mobiel VoIP

donderdag 13 maart 2008 @ 22:26:23 #94

wobbel

Da WoBBeL King

IS AL OPGELOST!! ZIE OPLOSSING HIERONDER

Ik heb de volgende code, die geeft mij 3 alert venstertjes met 255, 123 en 88

goed dus

1
2
3
4
5

var teontledenvariable='255,123,88';
var geontleed=teontledenvariable.split(",");
alert ( geontleed[0] ); // poept 255 uit
alert ( geontleed[1] ); // poept 123 uit
alert ( geontleed[2] ); // poept 88 uit

Maaar nu

als ik onderstaande code doe, krijg ik niks

1
2
3
4
5
6
7

rgbwaarde = myColorPicker.CurColor; // deze waarde komt van een javascript colorpicker
alert ( rgbwaarde ); // geeft een goede RGB code terug, dus deze waarde bestaat
var teontledenvariable=rgbwaarde;
var geontleed=teontledenvariable.split(",");
alert ( geontleed[0] ); // ik krijg niks
alert ( geontleed[1] ); // ik krijg niks
alert ( geontleed[2] ); // ik krijg niks

Ik krijg de eerste alert wel (dus een alert venstertje met bijv. 139, 254, 12) maar hij gaat de variable RGBWAARDE niet ontleden

IE7 geeft dan: Deze eigenschap of methode wordt niet ondersteund door dit object

[edit]

Dankzij wat MSN / Gtalk vriendjes opgelost

Dit is de code

1
2
3
4
5
6
7
8

[code]
rgbwaarde = myColorPicker.CurColor; // deze waarde komt van een javascript colorpicker
alert ( rgbwaarde ); // geeft een goede RGB code terug, dus deze waarde bestaat
var teontledenvariable=rgbwaarde.toString();
var geontleed=teontledenvariable.split(",");
alert ( geontleed[0] ); // ik krijg niks
alert ( geontleed[1] ); // ik krijg niks
alert ( geontleed[2] ); // ik krijg niks

[/code]

[ Bericht 17% gewijzigd door wobbel op 13-03-2008 22:34:00 ]

Hosted VoIP SIP trunks Vast mobiel VoIP

FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:08:43 #95

Swetsenegger

Egocentrische Narcist

Ik wil bij een onclick de innerhtml van een element vullen met de src van een andere html.
Is dat uberhaupt mogelijk? document.getElementById('element').innerHTML.src='path/naar/html' werkt niet in ieder geval

 | FOK! Schrikkelbaasch

vrijdag 14 maart 2008 @ 15:15:10 #96

Tuvai.net

quote:
Op vrijdag 14 maart 2008 15:08 schreef Swetsenegger het volgende:
Ik wil bij een onclick de innerhtml van een element vullen met de src van een andere html.
Is dat uberhaupt mogelijk? document.getElementById('element').innerHTML.src='path/naar/html' werkt niet in ieder geval

document.getElementById('element').innerHTML=document.getElementById('element_met_src').src;

FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:18:58 #97

Swetsenegger

Egocentrische Narcist

Dank je, maar er is dus geen element met een src, ik wil vanaf filesysteem een html src inladen in de innerhtml

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:20:38 #98

Swetsenegger

Egocentrische Narcist

Mjah, dat gaat natuurlijk niet zonder ajax bedenk ik me nu

 | FOK! Schrikkelbaasch

vrijdag 14 maart 2008 @ 15:37:16 #99

Tuvai.net

Als je echt volledige pagina's dynamisch wil gaan inladen kun je inderdaad beter óf met ajax gaan werken, óf gebruik maken van divs die standaard hidden zijn en pas tevoorschijn getoverd worden wanneer jee rgens op klikt.

Ik heb een kant en klaar scriptje op Boekenbox staan die in feite hele aparte pagina's uitleest en de inhoud daarvan in een <div> plakt:
http://www.boekenbox.nl/js/ajax_get.js

Gebruik:
<html_element onclick="ajax_get('pagina.htm','div_waar_resultaat_in_moet');" />

vrijdag 14 maart 2008 @ 15:39:15 #100

mcDavid

quote:
Op vrijdag 14 maart 2008 15:18 schreef Swetsenegger het volgende:
Dank je, maar er is dus geen element met een src, ik wil vanaf filesysteem een html src inladen in de innerhtml

Wat je wilt is een javascript include.
Dat kan, met een iframe.
Of je dat wilt is iets anders.

-edit- ik heb het zelf gebruikt in de site in me sig. Als je op zo'n gele link klikt.
Maar dat wil ik in de nabije toekomst vervangen door een php-include.

vrijdag 14 maart 2008 @ 15:46:05 #101

wobbel

Da WoBBeL King

Ik ben bezig met MooTools, en het is echt een superframework, maar ik loop tegen iets heel doms aan

Ik heb hier een Ajax formulier die prima werkt:
http://www.dumpzooi.nl/v2/TESTjuh.php

Alleen het probleem is, de response komt in een andere div en dat wil ik niet...ik wil dat het formulier verdwijnt en de output daar komt.

Dus ik wat proberen:

http://www.dumpzooi.nl/v2/TESTjuh2.php

Je krijgt de AJAX throbber wel te zien, en je krijgt ook response terug van PHP ( array { } ) alleen is de $_POST variable helemaal leeg!!!

Is dit op de een of andere manier op te lossen?

Source:
http://www.dumpzooi.nl/v2/TESTjuh.phps
http://www.dumpzooi.nl/v2/TESTjuh2.phps

Hosted VoIP SIP trunks Vast mobiel VoIP

FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 15:49:20 #102

Swetsenegger

Egocentrische Narcist

Het is een embedded device, dus ik heb alleen clientside scripting. Ik gebruik er zelfs al ajax in, dus dom dat ik niet direct doorhad dat client -> server communicatie alleen via een ajax call kan

Bedankt!

 | FOK! Schrikkelbaasch

vrijdag 14 maart 2008 @ 15:58:45 #103

mcDavid

ohja ajaxen kan natuurlijk ook.

FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 17:23:17 #104

Swetsenegger

Egocentrische Narcist

Andere vraag

Ik heb een rijtje elementen. Die hebben allemaal een class 'off' op 1 na, die is 'on'
Je snapt hem all, als ik op een andere element klik, moet alles 'off' worden, behalve het element waar ik op klik, die moet 'on' worden

in het element heb ik een onclick=swapClass('id') waarbij id uiteraard het id is van dat element. In de functie heb ik een array gemaakt met alle elementen en wil ik eigenlijk met een foreach door de elementen heenstappen, de classname op off zetten, behalve als de value in de array gelijk is aan de var die ik meegeef

Maar hoe doe ik een foreach in javascript?
Ik wil dus zoiets.

1
2
3
4
5
6
7
8
9
10

 | FOK! Schrikkelbaasch

vrijdag 14 maart 2008 @ 18:23:17 #105

SuperRembo

Sinds 1998

JS basics:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

// Een array:
var a = ['foo', 'bar', 'baz'];

// Een if heeft altijd haakjes:
if (a[0] == 'foo')
{
   alert(a[0]);
}

// Een gewone loop
for (var i = 0; i < a.length; ++i)
{
   alert(a[i]);
}

// Een "for each" loop
for (var i in a)
{
   alert(a[i]);
}

FOK!-Schrikkelbaas vrijdag 14 maart 2008 @ 18:33:06 #106

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 14 maart 2008 18:23 schreef SuperRembo het volgende:
JS basics:
[ code verwijderd ]

Bedankt.

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas maandag 17 maart 2008 @ 10:07:27 #107

Swetsenegger

Egocentrische Narcist

Ik maak ergens een hele triviale denkfout maar kan 'm niet vinden

1
2
3
4
5
6
7
8
9
10
11
12

Alleen als swapClass wordt aangeroepen met 'six' (laatste element uit de array) wordt element 'six' inderdaad aan gezet.
Bij elke andere waarde gebeurt er niets. Sowieso wordt een element dat al aan stond nooit uit gezet.

-edit-

Of je gebruikt de juiste variabele in je getElementById (de items[i] dus ipv de main die natuurlijk maar 1 value heeft in de functie

[ Bericht 7% gewijzigd door Swetsenegger op 17-03-2008 11:51:19 ]

 | FOK! Schrikkelbaasch

maandag 17 maart 2008 @ 21:07:08 #108

wobbel

Da WoBBeL King

Waarom werkt dit WEL in Firefox 2, maar niet in IE7? (en wel weer in IE6

)

http://www.dumpzooi.nl/v2/TEST.php

Hosted VoIP SIP trunks Vast mobiel VoIP

FOK!-Schrikkelbaas maandag 17 maart 2008 @ 21:16:58 #109

Swetsenegger

Egocentrische Narcist

waarom gebruik je niet gewoon de marquee tag?

 | FOK! Schrikkelbaasch

maandag 17 maart 2008 @ 21:29:07 #110

wobbel

Da WoBBeL King

quote:
Op maandag 17 maart 2008 21:16 schreef Swetsenegger het volgende:
waarom gebruik je niet gewoon de marquee tag?

Omdat het vanaf veel verschillende locaties geincluded moet worden

Hosted VoIP SIP trunks Vast mobiel VoIP

maandag 17 maart 2008 @ 21:32:56 #111

mcDavid

quote:
Op maandag 17 maart 2008 21:29 schreef wobbel het volgende:

[..]

Omdat het vanaf veel verschillende locaties geincluded moet worden

en  of <?php include("lala.php"); ?> is beide geen optie?

-edit-
Opzich is je scriptje heel simpel. Ik zou niet weten waarom het niet zou moeten werken. Hier doettie het ook gewoon in Fx en IE7.

maandag 17 maart 2008 @ 21:54:57 #112

wobbel

Da WoBBeL King

Ik heb het probleem gevonden, server-side probeert hij het eea te redirecten indien er een cookie aanwezig is maar er geen sessie aanwezig is

dat is nu opgelost dat moet ik nog oplossen

_{it's not a bug, it's a feature}

Hosted VoIP SIP trunks Vast mobiel VoIP

woensdag 19 maart 2008 @ 09:39:16 #113

Chandler

Klein vraagje

Ik heb het volgende

Radio But1 - Input
Radio But2 - select
Radio But3 - input

nu wil ik als de input / select bewerkt worden (veranderen) dat de radio button die daar bij hoort geselecteerd wordt!? hoe krijg ik dat voor elkaar?

document.getElementById('but1').checked = true werkt helaas niet

en nog een ander iets

Ik wil een link middels onClick naar een andere pagina's verwijzen terwijl er ook een link in de href staat, echter heb ik het zo geprobeerd maar werkte niet.

<a href="http://www.google.nl" onClick="location.href='/index.php?page=link&code=google'; return false;" target="_blank" title="go to google">Google!%</a>

[ Bericht 34% gewijzigd door Chandler op 19-03-2008 10:00:06 ]

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 19 maart 2008 @ 12:17:00 #114

mcDavid

quote:
Op woensdag 19 maart 2008 09:39 schreef Chandler het volgende:
Ik wil een link middels onClick naar een andere pagina's verwijzen terwijl er ook een link in de href staat, echter heb ik het zo geprobeerd maar werkte niet.

<a href="http://www.google.nl" onClick="location.href='/index.php?page=link&code=google'; return false;" target="_blank" title="go to google">Google!%</a>

Niet zo raar dat dat niet werkt, je geeft twee tegenstrijdige commando's. De href wil 'm naar http://www.google.nl verwijzen, de onclick naar http:///index.php?bladiebla . Dat laatste lijkt me sowieso fout, maar dat kun je oplossen door location.pathname te gebruiken.

Maar wat wil je hier precies mee?

woensdag 19 maart 2008 @ 15:19:27 #115

PiRANiA

All thinking men are atheists.

quote:
Op woensdag 19 maart 2008 12:17 schreef mcDavid het volgende:

[..]

Niet zo raar dat dat niet werkt, je geeft twee tegenstrijdige commando's. De href wil 'm naar http://www.google.nl verwijzen, de onclick naar http:///index.php?bladiebla . Dat laatste lijkt me sowieso fout, maar dat kun je oplossen door location.pathname te gebruiken.

Maar wat wil je hier precies mee?

out-links bijhouden gok ik.

Of mensen voor de gek houden?:P

Dag Google!

woensdag 19 maart 2008 @ 16:49:19 #116

Chandler

Deze manier is handig voor SEO maar ook handig om het aantal out-hits bij te houden.

Overigens is een href icm onClick helemaal niet fout imho location.href zou dan ook moeten werken maar toch gaat er iets fout

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 19 maart 2008 @ 16:56:37 #117

SuperRembo

Sinds 1998

quote:
Op woensdag 19 maart 2008 09:39 schreef Chandler het volgende:
en nog een ander iets ;)
1 <a href="http://www.google.nl" onClick="location.href='/index.php?page=link&code=google'; return false;" target="_blank" title="go to google">Google!%</a>

Waarom niet zo?

1	<a href="/index.php?page=link&code=google" target="_blank" title="go to google">Google!%</a>

woensdag 19 maart 2008 @ 18:08:37 #118

PiRANiA

All thinking men are atheists.

quote:
Op woensdag 19 maart 2008 16:56 schreef SuperRembo het volgende:

[..]

Waarom niet zo?
[ code verwijderd ]

firefox mayby? @ statusbalk

Dag Google!

woensdag 19 maart 2008 @ 18:12:50 #119

mcDavid

quote:
Op woensdag 19 maart 2008 16:49 schreef Chandler het volgende:
Deze manier is handig voor SEO maar ook handig om het aantal out-hits bij te houden.

Overigens is een href icm onClick helemaal niet fout imho location.href zou dan ook moeten werken maar toch gaat er iets fout

Location.href is het volledige adres, inclusief domein. Nee dus.
Kan wel dus, maar dan moet je ook je domein erbij zetten.

En leg eens uit waarom dit gunstig zou zijn voor SEO?

woensdag 19 maart 2008 @ 19:02:45 #120

Chandler

mcdavid, ik gebruik altijd location.href waarbij ik een / gebruik voor het script

Omdat de link uit de HREF gefilterd wordt en de onclick zorgt voor het tellen van de hit

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 19 maart 2008 @ 19:13:18 #121

mcDavid

Wat bedoel je allemaal?

woensdag 19 maart 2008 @ 19:15:19 #122

Chandler

Ik wil gewoon graag weten hoe ik de onclick voor laat gaan op de href en de andere vraag, hoe ik een radio button kan selecteren

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 19 maart 2008 @ 19:15:25 #123

SuperRembo

Sinds 1998

quote:
Op woensdag 19 maart 2008 19:02 schreef Chandler het volgende:
mcdavid, ik gebruik altijd location.href waarbij ik een / gebruik voor het script ;)

Omdat de link uit de HREF gefilterd wordt en de onclick zorgt voor het tellen van de hit :)

Ok. Je wil dus bijhouden op welke links geklikt wordt, maar als je de redirect php pagina direct in de link zet dan wordt de pagina niet goed geindexeerd door search engines.

WAT werkt er eigenljik niet, want dit werkt prima?

1	<a href="http://google.com" onclick="location.href='http://nu.nl';return false">Link</a>

woensdag 19 maart 2008 @ 19:17:09 #124

JJasperO

Ik heb een vraag.

Met css heb ik een mooie link gemaakt, dus ook een hover toestand enzo. Maar nu wil ik eigenlijk een klein geluidje erbij voegen als je er over heen 'hovered'. Dit kan blijkbaar niet met css, dus moet ik uitwijken naar flash of javascript. Eigenlijk wil ik dat helemaal niet omdat mensen dan flash nodig hebben en aangezien ik uit eigen ervaring al heb gemerkt dat javascript ook niet in elke browser werkt (zelfs in mijn up to date opera browsers soms niet) en IE (bij mij) steeds om een toelating van scripts vraagt. Maargoed ik wil het toch proberen.

Nu zag ik dat je in Dreamweaver CS3 in het rechterpaneel ook een stuk over behaviors hebt. Je kunt bv een onmouseover behavior invoegen met de opdracht 'play sound'. Dus ik heb dat ingesteld, een klein mp3 bestand in de root map gezet etc., echter als ik over de desbetreffende knop hover dan opent de browser het geluidje in een apart venster. Wat ik uiteraard graag wil is dat het geluidje in hetzelfde venster afspeelt.

Wat doe ik verkeerd?

Edit: kheb de oplossing al gevonden

. Je moet een .wav file gebruiken ipv mp3

.

Zou iemand nog wel enig commentaar willen geven over de ondersteuning van browsers? IE bv vraagt namelijk eerst of ik het script wel wens uit te voeren. Iets dat niet echt gebruiksvriendelijk is.

[ Bericht 8% gewijzigd door JJasperO op 19-03-2008 19:27:08 ]

woensdag 19 maart 2008 @ 19:30:52 #125

mcDavid

quote:
Op woensdag 19 maart 2008 19:17 schreef JJasperO het volgende:

Zou iemand nog wel enig commentaar willen geven over de ondersteuning van browsers? IE bv vraagt namelijk eerst of ik het script wel wens uit te voeren. Iets dat niet echt gebruiksvriendelijk is.

IE vraagt dat standaard bij lokaal gehoste scripts, maar ondersteunt javascript verder redelijk goed. Net als firefox.
Opera is ronduit kut met javascript.
Andere browsers heb ik geen ervaring mee.

-edit-
Dat van IE kun je uitzetten bij de internet-opties ofzo als je wilt, of je scripts online testen dan heb je er ook geen last van.

woensdag 19 maart 2008 @ 19:35:56 #126

mcDavid

quote:
Op woensdag 19 maart 2008 19:15 schreef Chandler het volgende:
Ik wil gewoon graag weten hoe ik de onclick voor laat gaan op de href en de andere vraag, hoe ik een radio button kan selecteren

quote:
Op woensdag 19 maart 2008 19:15 schreef SuperRembo het volgende:

[..]

Ok. Je wil dus bijhouden op welke links geklikt wordt, maar als je de redirect php pagina direct in de link zet dan wordt de pagina niet goed geindexeerd door search engines.

WAT werkt er eigenljik niet, want dit werkt prima?

[ code verwijderd ]

Ok nu snap ik ook een beetje wat hij wil.
Wat jij doet werkt uiteraard wel omdat je gewoon een domein als url geeft, in plaats van alleen een pathname en die als domein probeert te gebruiken.

woensdag 19 maart 2008 @ 19:41:41 #127

Chandler

quote:
Op woensdag 19 maart 2008 19:15 schreef SuperRembo het volgende:

[..]

Ok. Je wil dus bijhouden op welke links geklikt wordt, maar als je de redirect php pagina direct in de link zet dan wordt de pagina niet goed geindexeerd door search engines.

WAT werkt er eigenljik niet, want dit werkt prima?
[ code verwijderd ]

Ik gebruik geen http:// maar alleen een / dit werkt nogmaal heel goed maar nu blijkbaar niet

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 19 maart 2008 @ 19:41:54 #128

mcDavid

van die radiobutton: bij mij werkt deze regel gewoon:

1	document.getElementById("blaat").checked=true;

woensdag 19 maart 2008 @ 19:42:47 #129

mcDavid

quote:
Op woensdag 19 maart 2008 19:41 schreef Chandler het volgende:

[..]

Ik gebruik geen http:// maar alleen een / dit werkt nogmaal heel goed maar nu blijkbaar niet

Nee omdat je location.href gebruikt, ofwel de gehéle url.
http://www.w3schools.com/htmldom/dom_obj_location.asp

woensdag 19 maart 2008 @ 20:00:44 #130

mcDavid

Over de geluidjes bij onmouseover, ik weet dat het mogelijk is om embeded geluid te stoppen/mute-en door het object met css display:none te geven.
Misschien dat'ie weer gaat afspelen als je 'm display:inline geeft?

-edit-
Ohja niet te vergeten: sites met geluid zuigen. Altijd. Overal. Niet doen.

woensdag 19 maart 2008 @ 20:10:15 #131

JJasperO

quote:
Op woensdag 19 maart 2008 19:30 schreef mcDavid het volgende:

[..]

IE vraagt dat standaard bij lokaal gehoste scripts, maar ondersteunt javascript verder redelijk goed. Net als firefox.
Opera is ronduit kut met javascript.
Andere browsers heb ik geen ervaring mee.

-edit-
Dat van IE kun je uitzetten bij de internet-opties ofzo als je wilt, of je scripts online testen dan heb je er ook geen last van.

He dat klopt. Kheb de zaak online gezet, aldaar vraagt ie niet om een script

. Gek genoeg blokt ie nu 'het downloaden van het bestand'. Laat ik dat toe, dan downloadt IE het .wav bestand. Opera doet dit overigens niet.

Kan ik dit voorkomen?

quote:
Op woensdag 19 maart 2008 20:00 schreef mcDavid het volgende:
Over de geluidjes bij onmouseover, ik weet dat het mogelijk is om embeded geluid te stoppen/mute-en door het object met css display:none te geven.
Misschien dat'ie weer gaat afspelen als je 'm display:inline geeft?

-edit-
Ohja niet te vergeten: sites met geluid zuigen. Altijd. Overal. Niet doen.

Hm de combi java/css dat je nu weergeeft begrijp ik niet helemaal. Hoe eenvoudiger hoe beter.

Ja de meeste geluiden zijn irritant. Maar er zijn kleine frisse geluidjes die ik bij een website met een beperkt aantal links toch wel een meerwaarde vind hebben.

woensdag 19 maart 2008 @ 20:17:49 #132

mcDavid

quote:
Op woensdag 19 maart 2008 20:10 schreef JJasperO het volgende:

[..]

He dat klopt. Kheb de zaak online gezet, aldaar vraagt ie niet om een script . Gek genoeg blokt ie nu 'het downloaden van het bestand'. Laat ik dat toe, dan downloadt IE het .wav bestand. Opera doet dit overigens niet.

Kan ik dit voorkomen?

Waar staat het?
Geen idee namelijk hoe dreamweaver dat ding heeft toegevoegd...

woensdag 19 maart 2008 @ 20:29:51 #133

JJasperO

Aaaaarg laat ook maar zitten, ik ben die geluidjes en dat gedoe nu al zat

Dan maar zonder geluidjes

Edit: Btw mcdavid, kheb je knipoog opgemerkt

.

woensdag 19 maart 2008 @ 21:18:35 #134

mcDavid

Mooi dan ga ik het ook niet verder uitleggen.

Enneuh, java is iets compleet anders.

woensdag 19 maart 2008 @ 21:22:29 #135

Chandler

quote:
Op woensdag 19 maart 2008 19:42 schreef mcDavid het volgende:

[..]

Nee omdat je location.href gebruikt, ofwel de gehéle url.
http://www.w3schools.com/htmldom/dom_obj_location.asp

Gezien en weer wat geleerd, hoe kan ik dan een url zonder het domein te specificeren linken naar de root van het domein / index.php

zoals in mijn voorbeeld!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 19 maart 2008 @ 21:27:11 #136

mcDavid

quote:
Op woensdag 19 maart 2008 12:17 schreef mcDavid het volgende:

[..]

Niet zo raar dat dat niet werkt, je geeft twee tegenstrijdige commando's. De href wil 'm naar http://www.google.nl verwijzen, de onclick naar http:///index.php?bladiebla . Dat laatste lijkt me sowieso fout, maar dat kun je oplossen door location.pathname te gebruiken.

Maar wat wil je hier precies mee?

quote:
Op woensdag 19 maart 2008 19:35 schreef mcDavid het volgende:

[..]

[..]

Ok nu snap ik ook een beetje wat hij wil.
Wat jij doet werkt uiteraard wel omdat je gewoon een domein als url geeft, in plaats van alleen een pathname en die als domein probeert te gebruiken.

quote:
Op woensdag 19 maart 2008 19:42 schreef mcDavid het volgende:

[..]

Nee omdat je location.href gebruikt, ofwel de gehéle url.
http://www.w3schools.com/htmldom/dom_obj_location.asp

Ja ho even 3x is wel genoeg hoor.

donderdag 20 maart 2008 @ 07:27:46 #137

Chandler

Sorry mcDavid, lezen is niet mijn sterkste vak

Ik heb net even ge googled en zag het volgende

http://www.devguru.com/Te(...)cation_pathname.html

Waarbij het volgende voorbeeld gegeven werdt.

1
2
3
4
5
6
7
8
9

http://home.newco.com/products/enquiries.htm#local?email=name@otherco.com

...you could find out the pathname property as follows:

Code:
document.write(location.pathname)

Output:
/products/enquiries.htm

Maar goed, na goed verder te hebben gelezen ben ik er uit!

location.href = "http://" + location.hostname + "/index.ph?bladediebla";

echter weet ik niet welke brouwsers dit allemaal ondersteunen?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 20 maart 2008 @ 13:58:28 #138

mcDavid

En nog steeds ben je van mening dat gewoon location.pathname=/index.php?bladiebla niet werkt?

zaterdag 22 maart 2008 @ 04:26:28 #139

DionysuZ

Respect my authority!

ben voor het eerst sinds lange tijd weer eens een flink javascript aan het schrijven voor een klant. Dus plaats ik hier ff een tvp

omdat ik altijd vergeet in mijn bookmarks te kijken en ik deze topic altijd kwijtraak =)

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

zaterdag 22 maart 2008 @ 14:59:56 #140

Flaccid

Ik wil onfocus de border van een textfield veranderen. Als ie geen focus meer heeft wil ik dat hij weer terugveradnerd.

1	onclick="this.class='textfieldselected' "

doet het niet... Weet iemand waarom?

zaterdag 22 maart 2008 @ 15:04:04 #141

DionysuZ

Respect my authority!

this.className

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

zaterdag 22 maart 2008 @ 15:25:57 #142

Flaccid

quote:
Op zaterdag 22 maart 2008 15:04 schreef DionysuZ het volgende:
this.className

Owja. Het werkt. Nu nog een email validation dingetje....

zaterdag 22 maart 2008 @ 15:35:07 #143

DionysuZ

Respect my authority!

quote:
Op zaterdag 22 maart 2008 15:25 schreef Flaccid het volgende:

[..]

Owja. Het werkt. Nu nog een email validation dingetje....

met javascript client side?

quote:
var emailRegxp = /^([\w]+)(.[\w]+)*@([\w]+)(.[\w]{2,3})
{1,2}$/;

if (emailRegxp.test(email) != true) {}

of serverside met php?

quote:
if (!eregi("^[_\.0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-z]{2,3}$",$email) { }

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

zondag 23 maart 2008 @ 09:49:22 #144

Flaccid

quote:
Op zaterdag 22 maart 2008 15:35 schreef DionysuZ het volgende:

[..]

met javascript client side?
[..]

of serverside met php?
[..]

Ik denk php, omdat er toch een send scriptje achter zit!

zondag 23 maart 2008 @ 14:56:08 #145

mrbombastic

Ik heb een pagina waar je een popup kunt openen.
De popup checkt of er nieuwe berichten zijn, zo ja dan wil ik dat het bijbehorende IE venster gaat knipperen in de taakbalk, maar niet naar voren springt.

self.focus() in de body van de popup zetten werkt alleen als je een ander IE venster open hebt staan. Het werkt niet als je de opener van de popup open hebt staan, dan springt de popup in beeld. Is er een mogelijkheid om ook in dit laatste geval alleen een rood knipperend signaal in je taakbalk te krijgen zonder dat de popup naar voren springt?

zondag 23 maart 2008 @ 15:27:56 #146

SuperRembo

Sinds 1998

quote:
Op zondag 23 maart 2008 14:56 schreef mrbombastic het volgende:Is er een mogelijkheid om ook in dit laatste geval alleen een rood knipperend signaal in je taakbalk te krijgen zonder dat de popup naar voren springt?

Als dit mogelijk zou zijn dan had ik het vast al wel eens gezien bij een reclame popup.

zondag 23 maart 2008 @ 16:02:22 #147

Flaccid

quote:
Op vrijdag 14 maart 2008 15:46 schreef wobbel het volgende:
Ik ben bezig met MooTools, en het is echt een superframework, maar ik loop tegen iets heel doms aan

Ik heb hier een Ajax formulier die prima werkt:
http://www.dumpzooi.nl/v2/TESTjuh.php

Alleen het probleem is, de response komt in een andere div en dat wil ik niet...ik wil dat het formulier verdwijnt en de output daar komt.

Dus ik wat proberen:

http://www.dumpzooi.nl/v2/TESTjuh2.php

Je krijgt de AJAX throbber wel te zien, en je krijgt ook response terug van PHP ( array { } ) alleen is de $_POST variable helemaal leeg!!!

Is dit op de een of andere manier op te lossen?

Source:
http://www.dumpzooi.nl/v2/TESTjuh.phps
http://www.dumpzooi.nl/v2/TESTjuh2.phps

Is dat handig, dat mootools?

zondag 23 maart 2008 @ 20:17:28 #148

Flaccid

Ik gebruik dit als code om een roloverimage te maken:

1	<img onmouseover="this.src='img/menu/homehov.png'" onmouseout="this.src='img/menu/home.png'" src="img/menu/home.png" border="0" />

Wat is hier mis mee? Hij werkt, maar als ik google op rolloverimage, dan doen ze het met veel meer code

dinsdag 1 april 2008 @ 09:42:43 #149

Chandler

Een klein vraagje, hoe kun je zien of een afbeelding is geladen? en als je dat kan zien, hoe kan je dan een event triggeren? / functie aanroepen?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 1 april 2008 @ 09:45:17 #150

mcDavid

dinsdag 1 april 2008 @ 09:49:37 #151

Chandler

Haha, wist niet dat het zo simpel was

En wat betekend dit

end of file reached in invalid state for current encoding

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 1 april 2008 @ 09:54:00 #152

mcDavid

Google zoeken naar 'end of file reached in invalid state for current encoding'

dinsdag 1 april 2008 @ 10:18:38 #153

Chandler

Ik heb gezocht maar kon niet echt wijs worden uit de omschrijvingen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 1 april 2008 @ 17:34:04 #154

SuperRembo

Sinds 1998

quote:
Op dinsdag 1 april 2008 09:45 schreef mcDavid het volgende:
<img onload="functie()" <src="#">

Dat is de theorie... volgens mij zitten er nogal wat bugs in verschillende browsers die het wat ingewikkelder maken. Maar dar weet ik het fijne ook niet van.

woensdag 2 april 2008 @ 20:07:32 #155

BaggerUser

ModderFokker!

Hoi,

vraagje

ik was zojuist even bezig een oefentoets te bekijken voor javascript, ik het document even doorlezen, nou geen probleem leek mij dus geloofde het wel

totdat ik het laatste punt las:

quote:
wanneer JavaScript uit zou staan in de browser van de gebruiker het
formulier ook verstuurd moet kunnen worden (gebruik het onsubmit
event).

Als de action netjes is ingevuld in het formulier dan stuurt hij deze toch sowieso als javascript is uitgeschakeld of zie ik dat verkeerd? Volgens mij maken ze het wat spannender dan het is of denk ik nu te makkelijk, of lees ik nu verkeerd?

hele opdracht staat hier: http://essek.nl/fok/oefentoets.pdf

(het gaat mij dus alleen om dat laatste punt, de rest geloof ik wel)

De enige echte BaggerUser!
Riemen
fiets kopen

FOK!-Schrikkelbaas zondag 6 april 2008 @ 22:59:59 #156

Swetsenegger

Egocentrische Narcist

Zijn er hier trouwens bekend met het framework mootools. Ik vind het wel gelikt.

 | FOK! Schrikkelbaasch

maandag 7 april 2008 @ 23:04:45 #157

fokME2

Mootools werkt wel lekker, al werk ik persoonlijk iets liever met prototype. Nu ben ik zelf niet zo van de frameworks, maar zoiets als prototype/mootools is wel erg handig!

woensdag 9 april 2008 @ 13:32:02 #158

Pronk

Koffie?

Ik heb een vraagje:

Ik roep via verschillende functies (bijv. 1 t/m 25) een andere functie functie (bijv. 26) aan.

Deze functie (26) checked of de gebruiker verder mag, als de gebruiker dit niet mag dan wordt de functie (26) gestopt. Maar.... Dan loopt de functie die deze functie heeft aangeroepen (1 t/m 25) wel gewoon door en dat wil ik niet.

Dus mijn vraag is dus eigenlijk, bestaat er in javascript een commando waarmee ik alle lopende functies kan stoppen?

Ja lekker!

woensdag 9 april 2008 @ 15:28:14 #159

mcDavid

Een functie die checked of de gebruiker verder mag?
Al over nagedacht wat er gebeurt als mensen met greasemonkey je functies aan gaan passen?

woensdag 9 april 2008 @ 16:22:37 #160

Pronk

Koffie?

quote:
Op woensdag 9 april 2008 15:28 schreef mcDavid het volgende:
Een functie die checked of de gebruiker verder mag?
Al over nagedacht wat er gebeurt als mensen met greasemonkey je functies aan gaan passen?

Het is niet wat je denkt...

Er wordt alleen maar gechecked of de rest van de pagina ook voor de gebruiker moet worden opgebouwd, of dat de rest van de informatie niet hoeft te worden gebouwd omdat de info niet relevant is voor de gebruiker.

Dus er is geen security risk.

Ja lekker!

woensdag 9 april 2008 @ 20:22:43 #161

SuperRembo

Sinds 1998

quote:
Op woensdag 9 april 2008 13:32 schreef Pronk het volgende:
Dus mijn vraag is dus eigenlijk, bestaat er in javascript een commando waarmee ik alle lopende functies kan stoppen?

Ja die bestaat:

1	throw 'Stop hier';

Dat zorgt er voor dat er een fout ontstaat en het script dus stop :D
Maar als je je code een beetje logisch opbouwt, dan heb je dat natuurlijk niet nodig

1
2
3
4

if (GebruikerHeeftToegangTotOnderdeelX())
{
ToonOnderdeelX();
}

zaterdag 12 april 2008 @ 18:01:46 #162

Flaccid

Ik wil voor mijn website een stukje maken, waarbij je een scrollend ding hebt, met daarin plaatjes. Dat ding moet iets van 600 ~ 800 pixel breed zijn en zon 250 hoog. Daarin scroll screenshots van een site langzaam voorbij. Op de zijkanten van dat ding staan knoppen om de volgende te zien. Op het moment dat je klikt met je muis of een mouseover doet, komt er tekst te staan in een vak eronder. Is dit makkelijk te doen met mootools?

donderdag 24 april 2008 @ 13:34:32 #163

JJasperO

Voor mijn moeder ben ik een vernieuwde website aan het maken ter presentatie van haar schilderijen.

Het onderdeel waar de schilderijen komen te staan is natuurlijk een belangrijk onderdeel wat lekker makkelijk en snel moet functioneren. Gebruik makend van kleine en grote afbeeldingen van hetzelfde schilderij wil ik JavaScript gebruiken om op een kleine image te kunnen klikken waardoor de grotere variant in een aparte browser wordt geopend. Dat is gelukt:

http://members.home.nl/nuntius/

Maar het is nog niet mooi en functioneel genoeg. Kijk bijvoorbeeld hier eens naar:

http://www.josart.nl//index.php?option=com_content&task=view&id=14&Itemid=52

De positie van het nieuwe venster (mooi gecentreerd), het vervagen van de achtergrond en de optie close window maakt e.e.a. een stuk mooier en functioneler. Ik neem aan dat dit ook een JavaScript toepassing is?

In dreamweaver CS3 kun je bij de bij de behavior 'open browser window' echter alleen de grootte van de window bepalen en bepalen of er wel of niet een statusbar/scroll/etc... moet komen te staan.
Waar/hoe moet ik met javascript iets vergelijkbaars bereiken zoals het aangehaalde voorbeeld?

donderdag 24 april 2008 @ 14:09:16 #164

SuperRembo

Sinds 1998

Dat is gemaakt met Lightbox of de nieuwere variant ervan.

donderdag 24 april 2008 @ 14:21:43 #165

JJasperO

Tof man. Dank je.

donderdag 24 april 2008 @ 16:12:35 #166

JJasperO

Ben er nu al een tijd mee bezig maar er gaat ergens wat fout, ik kan alleen niet ontdekken waar. Het volgende heb ik gedaan.

Lightbox v2.04 gedownload. Je krijgt een aantal JS bestanden, plaatjes en wat CSS informatie. De te volgen stappen:

quote:
Part 1 - Setup

Lightbox v2.0 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header.

<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>

Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles). <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Check the CSS and make sure the referenced prevlabel.gif and nextlabel.gif files are in the right location. Also, make sure the loading.gif and closelabel.gif files as referenced near the top of the lightbox.js file are in the right location.

Part 2 - Activate

Add a rel="lightbox" attribute to any link tag to activate the lightbox. For example: <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Optional: Use the title attribute if you want to show a caption.

If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example: <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!

Nadat ik deze stappen heb gevolgd ziet mijn HTML en CSS bestand er zo uit:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<link href="Assets/styles.css" rel="stylesheet" type="text/css" />
<link href="Assets/lightbox.css" rel="stylesheet" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

<script language='JavaScript'>
var fileLoadingImage = 'Images/loading.gif';
var fileBottomNavCloseImage = 'Images/closelabel.gif';
</script>

</head>

<body>
<div id="containerDiv">
   <div id="rechterDiv">
    <div id="reclameDiv">
      <h1><img src="Images/Allwheelsimport.gif" width="75" height="38" /></h1>
      <h1><a href="http://www.allwheelsimport.nl/" target="_blank">ALL WHEELS IMPORT</a></h1>
    </div>
  </div>
   <div id="centerDiv">
      <div id="headerDiv"></div>
       <div id="mainDiv">
        <div id="inhoudDiv"><a href="Images/Schilderijen groot/Roodzwarteolifant.jpg"><img src="Images/Schilderijen klein/Roodzwarteolifantklein.jpg" width="144" height="145" rel="lightbox" /></a></div>
      </div>
       <div id="footerDiv"></div>
   </div>
  <div id="navigatieDiv">
        <div id="linksDiv"><a href="index.html">SCHILDERIJEN</a><a href="beaottink.html">BEA OTTINK</a><a href="index.html">KUNSTMARKTEN</a><a href="index.html">CONTACT</a></div>
  </div>
</div>
</body>
</html>

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

#loading{
   position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
}
#hoverNav{
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
}
#imageContainer>#hoverNav{
   left: 0;
}
#hoverNav a{
   outline: none;
}
#prevLink, #nextLink{
   width: 49%;
   height: 100%;
   background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
   display: block;
}
#prevLink {
   left: 0;
   float: left;
}
#nextLink {
   right: 0;
   float: right;
}
#prevLink:hover, #prevLink:visited:hover {
   background-image: url(../Images/prevlabel.gif);
   background-repeat: no-repeat;
   background-position: left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
   background-image: url(../Images/nextlabel.gif);
   background-repeat: no-repeat;
   background-position: right 15%;
}
#imageDataContainer{
   font: 10px Verdana, Helvetica, sans-serif;
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100%   ;
}
#imageData{
   padding:0 10px;
   color: #666;
}
#imageData #imageDetails{
   width: 70%;
   float: left;
   text-align: left;
}
#imageData #caption{
   font-weight: bold;
}
#imageData #numberDisplay{
   display: block;
   clear: left;
   padding-bottom: 1.0em;
}
#imageData #bottomNavClose{
   width: 66px;
   float: right;
   padding-bottom: 0.7em;
   outline: none;
}
#overlay{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
   background-color: #000;
}

De javascript bestanden staan in de map: ROOT/JS/. De loading en closelabel GIF bestanden staan in ROOT/Images/. Dus volgens mij staan deze gewoon goed gelinkt.
Ook in de CSS heb ik prevlabel en nextlabel GIF goed doorgelinkt.

De kleine versie van de foto heb ik gelinkt naar de grotere versie van de foto. Deze foto staat gewoon ergens en is dus niet verwerkt in een apart HTML bestand waarnaar is doorgelinkt, dat lijkt me namelijk niet de bedoeling.
De foto opent nu in een nieuw en volledig gemaximaliseerd venster. Dus in de geringste mate niet zoals in dit voorbeeld.

[ Bericht 0% gewijzigd door JJasperO op 24-04-2008 16:46:42 ]

donderdag 24 april 2008 @ 17:37:47 #167

JJasperO

Probleem opgelost. De rel=lightbox stond niet op de A tag waar hij hoort, maar op de IMG tag....

woensdag 30 april 2008 @ 16:41:08 #168

Flaccid

Ik heb een bestelform gemaakt, met daarin een vaste prijs, 79,00 euro. Nu wil een vakje waarin het aantal komt, en dat er dan in een disabled vakje komt te staan wat het totaal is, dus 79,00 * aantal in vakje prijs.

1	onchange="document.price.value='this.value'*10"

Maar dat werkt niet. Hoe krijg ik dit werkende?

woensdag 30 april 2008 @ 20:00:31 #169

Chandler

onchange="document.price.value=this.value*10"

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 30 april 2008 @ 20:19:08 #170

Flaccid

quote:
Op woensdag 30 april 2008 20:00 schreef Chandler het volgende:
onchange="document.price.value=this.value*10"

die 10 moet 79,00.

Textbox, onchange verandert een andere textbox met de waarde van 79 maal de waarde in jouw textbox.Totaalprijs dus

woensdag 30 april 2008 @ 20:58:47 #171

SuperRembo

Sinds 1998

1	document.form[0].elements['price'].value = parseFloat(this.value) * 10

Maar dan ga ik er van uit dat je het bedrag met een decimale punt invoert, niet met een komma.

woensdag 30 april 2008 @ 21:37:18 #172

Flaccid

quote:
Op woensdag 30 april 2008 20:58 schreef SuperRembo het volgende:

[ code verwijderd ]

Maar dan ga ik er van uit dat je het bedrag met een decimale punt invoert, niet met een komma.

Bedrag is een vaste waarde, 79.00

woensdag 30 april 2008 @ 21:58:09 #173

SuperRembo

Sinds 1998

Oja, en het aantal is een geheel getal? Dan wordt 't dit

1	document.form[0].elements['price'].value = parseInt(this.value) * 79

woensdag 30 april 2008 @ 23:27:59 #174

Flaccid

1 2	<td width="132"><input onchange="document.form[0].elements['price'].value = parseInt(this.value) * 79" name="quantity" type="text" class="number" value="1" size="2" width="10" /></td> <td width="115"><input disabled="disabled" class="number" name="price" size="5" /></td>

WErkt niet

woensdag 30 april 2008 @ 23:35:46 #175

SuperRembo

Sinds 1998

S-je vergeten, 't moet document.forms[0] zijn.

donderdag 1 mei 2008 @ 10:11:57 #176

Flaccid

quote:
Op woensdag 30 april 2008 23:35 schreef SuperRembo het volgende:
S-je vergeten, 't moet document.forms[0] zijn.

Great!

1
2
3
4
5
6
7
8
9
10

     function totaalprijs()
     {
        if( parseInt(this.value)!=''){
        document.forms[0].elements['price'].value = '€ ' + parseInt(this.value) * 79 + ',00'
        }
        else
        {
        document.forms[0].elements['price'].value = '€ 0,00'
        }
     }

in een functie werkt dit niet... Ik zie zeker iets over het hoofd? aanroepen is toch gewoon met totaalprijs bij je onchange?

[ Bericht 67% gewijzigd door Flaccid op 01-05-2008 10:25:08 ]

donderdag 1 mei 2008 @ 10:57:19 #177

SuperRembo

Sinds 1998

Dat komt doordat in de functie de betekenis van "this" is veranderd. In de onclick attribuut verwijst "this" naar het element waar de onclick attribuut bij hoort. In jouw functie verwijst "this" naar het object waar de functie bij hoort (waarschijnlijk "window").

1	onclick="totaalprijs(this)"

1
2
3
4
5
6
7
8
9

function totaalprijs(quantityField)
{
   var quantity = parseInt(quantityField.value);
   if (isNaN(quantity)) quantity = 0;

   var price = quantity * 79;

   document.forms[0].elements['price'].value = '€ ' + price + ',00'
}

donderdag 1 mei 2008 @ 16:12:22 #178

Flaccid

quote:
Op donderdag 1 mei 2008 10:57 schreef SuperRembo het volgende:
Dat komt doordat in de functie de betekenis van "this" is veranderd. In de onclick attribuut verwijst "this" naar het element waar de onclick attribuut bij hoort. In jouw functie verwijst "this" naar het object waar de functie bij hoort (waarschijnlijk "window").
[ code verwijderd ]

[ code verwijderd ]

hulde!

vrijdag 2 mei 2008 @ 16:50:44 #179

Ewaldus

Save the cheerleader

Ik ben met een nieuwe website bezig, en zit wat te experimenteren met een jQuery script.
Het idee is redelijk simpel, ik wil gewoon met een button een div triggeren om naar voren te komen faden na het voorbeeld op: http://www.mredesign.com/demos/jquery%2Deffects%2D1/
Het probleem is alleen dat wanneer ik hem probeer te triggeren buiten de division van de knop, het niet lukt. Is dit een bekend probleem, of gewoon een beperking van jQuery/AJAX/whatever...

Ik zal zo uploaden wat ik tot nu toe heb..

niets

vrijdag 2 mei 2008 @ 22:43:50 #180

SuperRembo

Sinds 1998

quote:
Op vrijdag 2 mei 2008 16:50 schreef Ewaldus het volgende:
[...] het niet lukt. Is dit een bekend probleem[...]

Dat iets niet lukt is inderdaad een bekend probleem.

zondag 4 mei 2008 @ 21:27:44 #181

BugWorks

Ik ben bezig met het maken van een invoer formulier (in dit geval voor een poll, bevat invoervelden voor een vraag en 10 antwoord opties). Standaard wil ik het invoerveld voor de vraag/stelling en 2 antwoord opties weergeven, de rest wordt pas zichtbaar als er in het voorgaan antwoordveld getyped wordt.

Dit bovenstaande lukt allemaal. Echter moet ik voor elk invoerveld vooraf aanmaken en aangeven dat hij verborgen moet blijven tot dit veranderd.

Is er niet een manier om dit middels javascript automatisch te laten gebeuren, zeg maar dat een div en invoerveld (<div><input ...></div>) automatisch aangemaakt wordt middels een script. Ik heb al verschillende keren hierop proberen te zoeken maar het lukt me niet om wat te vinden dat lijkt te werken.

Hier is een voorbeeld van hoe ik bovenstaande bedoel: Klik
_{paginabron bevat alles}

Edit
Oplossing is eigenlijk niet meer nodig, heb het al opgelost door het met php te doen.

[ Bericht 3% gewijzigd door BugWorks op 04-05-2008 22:38:35 ]

maandag 5 mei 2008 @ 00:58:08 #182

Flaccid

quote:
Op zondag 4 mei 2008 21:27 schreef BugWorks het volgende:
Ik ben bezig met het maken van een invoer formulier (in dit geval voor een poll, bevat invoervelden voor een vraag en 10 antwoord opties). Standaard wil ik het invoerveld voor de vraag/stelling en 2 antwoord opties weergeven, de rest wordt pas zichtbaar als er in het voorgaan antwoordveld getyped wordt.

Dit bovenstaande lukt allemaal. Echter moet ik voor elk invoerveld vooraf aanmaken en aangeven dat hij verborgen moet blijven tot dit veranderd.

Is er niet een manier om dit middels javascript automatisch te laten gebeuren, zeg maar dat een div en invoerveld (<div><input ...></div>) automatisch aangemaakt wordt middels een script. Ik heb al verschillende keren hierop proberen te zoeken maar het lukt me niet om wat te vinden dat lijkt te werken.

Hier is een voorbeeld van hoe ik bovenstaande bedoel: Klik
_{paginabron bevat alles}

Edit
Oplossing is eigenlijk niet meer nodig, heb het al opgelost door het met php te doen.

Ben wel benieuwd hoe je het dan gedaan hebt?

maandag 5 mei 2008 @ 17:04:36 #183

BugWorks

quote:
Op maandag 5 mei 2008 00:58 schreef Flaccid het volgende:

[..]

Ben wel benieuwd hoe je het dan gedaan hebt?

Om die invoervelden te automatisch aan te laten maken (optie 3 en meer) heb ik het volgende gebruikt:

1
2
3
4
5
6
7
8
9
10
11

<?php
$max = 10;
for($i=3;$i<=$max;$i++)
{
    echo '<tr>';
    echo '<td>';
    echo '<div id="po'.$i.'" style="display:none">Optie'.$i.': <input id="ipo'.$i.'" type="text" name="pollOption" onkeydown="showNext('.$i.')" onkeyup="emptyCheck('.$i.')" /></div>';
    echo '</td>';
    echo '</tr>';
}
?>

Dit is overigens niet te zien in de broncode van de link die ik eerder meegaf.

FOK!-Schrikkelbaas dinsdag 6 mei 2008 @ 13:47:22 #184

Swetsenegger

Egocentrische Narcist

Ik heb een script om de png transparency bug in < IE7 op te vangen

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

dit werkt perfect, alleen verneukt hij af en toe de image size :?

 | FOK! Schrikkelbaasch

FOK!-Schrikkelbaas dinsdag 6 mei 2008 @ 13:48:07 #185

Swetsenegger

Egocentrische Narcist

quote:
Op maandag 5 mei 2008 17:04 schreef BugWorks het volgende:

[..]

Om die invoervelden te automatisch aan te laten maken (optie 3 en meer) heb ik het volgende gebruikt:
[ code verwijderd ]

Dit is overigens niet te zien in de broncode van de link die ik eerder meegaf.

Maar je zet er dus gewoon 10 in je bron. Als je nu 11 antwoorden heb?

 | FOK! Schrikkelbaasch

dinsdag 6 mei 2008 @ 17:27:49 #186

BugWorks

Dat stuk gebruik ik als er een nieuwe poll aangemaakt moet worden. Het aantal opties kan de persoon die gebruikt maakt van dat script dus zelf instellen, kan 5 zijn maar ook 100 bijv (moet wel vooraf ingesteld zijn vooralsnog). Volgens mijn opzet kan de poll alleen gemaakt worden door een beheerder/admin.

vrijdag 16 mei 2008 @ 16:38:19 #187

Xtr3mE

X to the Z

Geachte JS-experts O-)

Ik ben redelijk een noob in JS en ik zit met een prolbeempje.

Ik wil uit een textfield de waarde uitlezen en deze in een variabele stoppen (String) zodat ik deze weer met andere strings aan elkaar kan 'plakken'. De waardes worden goed uitgelezen maar als ik meer als één woord in het tekstveld invoer wordt de variabele alleen gevuld met de inhoud voor de spatie.

Dit is mijn code:

1
2
3
4

var d = document.forms[0];
var titel = d.title.value;

afkort = "string 1" + titel + "string 2";

Wat doe ik fout?

It's time to kick ass and chew bubble gum... and I'm all out of bubble gum

vrijdag 16 mei 2008 @ 18:44:23 #188

SuperRembo

Sinds 1998

In dat stukje code zit geen fout.

maandag 19 mei 2008 @ 10:14:48 #189

Xtr3mE

X to the Z

Hmm dat is raar, ik zal even de hele code geven:

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

tinyMCEPopup.requireLangPack();

var AfkortingDialog = {
   init : function() {
      var f = document.forms[0];

      // Get the selected contents as text and place it in the input
      f.someval.value = tinyMCEPopup.editor.selection.getContent({format : 'text'});

   },

   insert : function() {

      var d = document.forms[0];
      var titel = d.title.value;

      //tags erbij zetten
      afkort = "<acronym title="+ titel +">"+tinyMCEPopup.editor.selection.getContent({format : 'text'})+"</acronym>";

      // tags met input weer terugsturen
      tinyMCEPopup.editor.execCommand('mceInsertContent', false, afkort);
      tinyMCEPopup.close();
   }
};

tinyMCEPopup.onInit.add(AfkortingDialog.init, AfkortingDialog);

Zoals je ziet ben ik een eigen custom plugin aan het maken voor TinyMCE waarbij je in de editor een woord kan selecteren en op een knop drukt. Hierbij komt een popup waar je de 'titel' attribuut opgeeft.
Als je dat gedaan hebt druk je op OK en klaar, maarja hij pakt maar één woord indien je er meer typt

It's time to kick ass and chew bubble gum... and I'm all out of bubble gum

maandag 19 mei 2008 @ 11:56:26 #190

Xtr3mE

X to the Z

Opgelost,

oude situatie:

1	afkort = "<acronym title="+ titel +">"+tinyMCEPopup.editor.selection.getContent({format : 'text'})+"</acronym>";

nieuwe situatie:

1	afkort = "<acronym title=\""+ titel +"\">"+tinyMCEPopup.editor.selection.getContent({format :'text'})+"</acronym>";

It's time to kick ass and chew bubble gum... and I'm all out of bubble gum

zaterdag 7 juni 2008 @ 20:30:35 #191

Flipper01

Addicted Dolphin

Ik ben een enorme dummie op het gebied van javascript, maar hopelijk kunnen jullie mij verder helpen.

Ik ben op zoek naar een scriptje om m'n website wat bijzonderder maakt. Ik heb nu een menu wat standaard niet wordt weergegeven tot je in de buurt komt met je muis dan komt het omhoog. Voorbeeld staat hier: http://www.60graden.nl/klanten/kik/

Nu is mijn vraag of ik met een eenvoudig scriptje het menu langzaam omhoog kan laten komen en nadat de muis weer weg is het weer langzaam kan laten zakken?

I don't shine if you don't shine

donderdag 12 juni 2008 @ 11:29:27 #192

JJasperO

Ik maak gebruik van een contactformulier met CSS om een invulveld onzichtbaar voor gebruikers te maken. Dit invulveld moet leeg blijven, anders word je geredirect naar een andere website. De zichtbare velden moeten worden ingevuld, daarvoor maak ik gebruik van Javascript.

Het vreemde echter is dat ik nu na een paar dagen al om de dag toch een spam-mailtje ontvang, waarbij helemaal niks is ingevuld! Is javascript met een normale submitknop soms niet voldoende om een bot te dwingen velden in te vullen?

Vb zoals het zou moeten zijn:

quote:
emails:
Naam: JJasperO
Emailadres: email@adres.nl
Tekstveld: En wat tekst.

co202206-a.almel1.ov.home.nl
Opera/9.26 (Windows NT 6.0; U; nl)

Spammailtje:

quote:
crawl-66-249-72-9.googlebot.com
Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)

Javascript:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

PHP

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<?php
// Configuration Settings
if ($_POST['emails'] == '') {
$SendFrom =    "Geinteresseerde <info@buitendedoos.nl>";
$SendTo =      "info@buitendedoos.nl";
$SubjectLine = "Reactie via creabee.nl";
$ThanksURL =   "uwberichtisverzonden.html";  //confirmation page

// Build Message Body from Web Form Input
foreach ($_POST as $Field=>$Value)
   $MsgBody .= "$Field: $Value\n";
$MsgBody .= "\n" . @gethostbyaddr($_SERVER["REMOTE_ADDR"]) . "\n" .
   $_SERVER["HTTP_USER_AGENT"];
$MsgBody = htmlspecialchars($MsgBody, ENT_NOQUOTES);  //make safe

// Send E-Mail and Direct Browser to Confirmation Page
mail($SendTo, $SubjectLine, $MsgBody, "From: $SendFrom");
header("Location: $ThanksURL");
}
else {
header("Location: http://www.google.com/");
}
?>

CSS

1
2
3
4

.email {
margin-left: -5000px;
position: absolute;
}

donderdag 12 juni 2008 @ 11:42:27 #193

PiRANiA

All thinking men are atheists.

quote:
Op donderdag 12 juni 2008 11:29 schreef JJasperO het volgende:
Ik maak gebruik van een contactformulier met CSS om een invulveld onzichtbaar voor gebruikers te maken. Dit invulveld moet leeg blijven, anders word je geredirect naar een andere website. De zichtbare velden moeten worden ingevuld, daarvoor maak ik gebruik van Javascript.

Het vreemde echter is dat ik nu na een paar dagen al om de dag toch een spam-mailtje ontvang, waarbij helemaal niks is ingevuld! Is javascript met een normale submitknop soms niet voldoende om een bot te dwingen velden in te vullen?

Vb zoals het zou moeten zijn:
[..]

Spammailtje:
[..]

Javascript:
[ code verwijderd ]

PHP
[ code verwijderd ]

CSS
[ code verwijderd ]

als je wil dat google daar niet meer komt moet je ff een rel="nofollow" in je link naar 'contact' zetten

<a href="Contact/contact.html">CONTACT</a>
\/
<a href="Contact/contact.html" rel="nofollow">CONTACT</a>

Dag Google!

donderdag 12 juni 2008 @ 11:53:08 #195

JJasperO

quote:
Op donderdag 12 juni 2008 11:42 schreef PiRANiA het volgende:

[..]

als je wil dat google daar niet meer komt moet je ff een rel="nofollow" in je link naar 'contact' zetten

<a href="Contact/contact.html">CONTACT</a>
\/
<a href="Contact/contact.html" rel="nofollow">CONTACT</a>

Ok de handeling is duidelijk, dank. Begrijp ik uit je reactie ook goed dat het hier niet zozeer gaat om spam, maar een zgn crawler? Ander voorbeeldje van een binnengekomen mail:

quote:
llf520125.crawl.yahoo.net
Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)

Een crawler is toch juist nuttig om op je website te krijgen voor indexering. Alleen vreemd dat deze dan gebruik maakt van het contactformulier dat klaarblijkelijk toch 'lek' is omdat er iets kan worden verstuurd zonder dat de invulvelden zijn ingevuld (met javascript afgedwongen).

Maw, ik begrijp het niet helemaal

.

donderdag 12 juni 2008 @ 11:55:29 #196

Tuvai.net

JJasperO, als je toch PHP gebruikt, gebruik van ook PHP om de boel te beveiligen. Javascript is leuk om bijvoorbeeld veldjes die niet van toepassing zijn uit te schakelen ( disablen ), maar om Javascript voor beveiliging te gebruiken is niet echt slim, en erg achterhaald.

Overigens maken veel crawlers/spyders geen gebruik van het "rel" attribuut, vooral niet die wat bedoeld zijn voor spam.

donderdag 12 juni 2008 @ 12:16:48 #197

JJasperO

Maar ik maak geen gebruik van javascript om te beveiligen. Ik gebruik CSS en PHP. Javascript is er alleen om er zeker van te zijn dat bezoekers alle velden invullen.

donderdag 12 juni 2008 @ 12:20:54 #198

Tuvai.net

quote:
Op donderdag 12 juni 2008 12:16 schreef JJasperO het volgende:
Maar ik maak geen gebruik van javascript om te beveiligen. Ik gebruik CSS en PHP. Javascript is er alleen om er zeker van te zijn dat bezoekers alle velden invullen.

Ja, met PHP doen dus.

donderdag 12 juni 2008 @ 12:41:40 #200

JJasperO

Ok. Ook met PHP de zichtbare velden verplicht maken dus. Daar moet ik wel uitkomen. Dank je!

zaterdag 21 juni 2008 @ 14:13:19 #202

Flipper01

Addicted Dolphin

Ik ben op zoek naar een scroll scriptje waarbij de tekst automatisch naar boven scrolt als de muis aan de bovenkant van het tekstvlak staat en als je onderaan het tekstvlak gaat staan moet de tekst weer naar beneden scrollen.

Ik heb al heel wat scroll scripts gevonden, maar nog geen die dit kan. Weten jullie misschien een geschikt script?

I don't shine if you don't shine

maandag 23 juni 2008 @ 15:47:11 #203

wobbel

Da WoBBeL King

Ik heb een pagina met een hele grote header...daardoor moet ik dus altijd eerst 5 minuten naar beneden scrollen

Is het mogelijk om een pagina automatisch iets naar beneden te laten springen? Het is handmatig mogelijk met <a name="bier"></a> en dan een linkje naar dat anker te maken...

Maar kan dat ook met javascript automagisch?

Hosted VoIP SIP trunks Vast mobiel VoIP

maandag 23 juni 2008 @ 16:20:07 #204

SuperRembo

Sinds 1998

1	<body onload="if (!location.hash) location.hash='bier'">

vrijdag 27 juni 2008 @ 13:40:41 #205

Flipper01

Addicted Dolphin

Heeft iemand misschien een scriptje voor mij waarmee ik een afbeelding op mijn pagina na 2 sec recht naar beneden kan laten vallen en zo uit beeld kan laten verdwijnen?
Ik heb het al geprobeerd via een 'sneeuwscript' maar kwam er helaas niet uit..

I don't shine if you don't shine

zaterdag 28 juni 2008 @ 12:02:29 #206

Xtr3mE

X to the Z

Kan iemand mij helpen met het volgende:

Simpel stukje script wat niet in Firefox werkt, wel in IE7

1
2
3
4
5
6
7
8
9

Wat ik dus wil is zodra er een keuze wordt gemaakt in een dropdown menu dat de value daarvan in een textfield wordt gezet en deze op readonly springt.

de onChange bij het dropdown-menu:

1	onChange="Process(this.options[this.selectedIndex].value)"

Iemand een idee wat er bij of anders moet voor de Gecko browsers?

It's time to kick ass and chew bubble gum... and I'm all out of bubble gum

zaterdag 28 juni 2008 @ 12:28:35 #207

SuperRembo

Sinds 1998

Krijg je een foutmelding?
Probeer eens uit te zoeken wat er wel en wat er niet werkt. Wordt de functie aangeroepen? Is selection gevuld? Is frm gevuld? Bestaat frm.txt_prijs?

zaterdag 28 juni 2008 @ 12:33:37 #208

Xtr3mE

X to the Z

Nee ik krijg geen fout melding en frm.txt_prijs bestaat gewoon (anders zou het niet in IE7 werken hé

)

Het lijkt erop dat selection niet gevuld wordt. Ik probeer het te alerten maar werkt niet (in IE7 wel)

It's time to kick ass and chew bubble gum... and I'm all out of bubble gum

zaterdag 28 juni 2008 @ 12:50:04 #209

Xtr3mE

X to the Z

Opgelost:

1
2
3
4
5

function Process(){
  var selection = document.getElementById("prijs").value;
  document.getElementById("txt_prijs").value = "€ "+ selection;
  document.getElementById("txt_prijs").readOnly = true;
}

It's time to kick ass and chew bubble gum... and I'm all out of bubble gum

zaterdag 28 juni 2008 @ 13:16:55 #210

SuperRembo

Sinds 1998

quote:
Op zaterdag 28 juni 2008 12:33 schreef Xtr3mE het volgende:
Nee ik krijg geen fout melding en frm.txt_prijs bestaat gewoon (anders zou het niet in IE7 werken hé )

Dat iets bestaat in IE wil niet zeggen dat het ook in Fx bestaat.

zaterdag 28 juni 2008 @ 15:44:46 #211

Xtr3mE

X to the Z

Ik dacht dat je bedoelde of het textfield txt_prijs daadwerkelijk bestond op de pagina

Maar in jouw opvatting heb je wel gelijk ja.

It's time to kick ass and chew bubble gum... and I'm all out of bubble gum

zondag 3 augustus 2008 @ 20:11:38 #212

Chandler

Weet iemand zo een manier om Windows Media Player, QuickTime en FLASH in een website naar FULLSCREEN te kunnen zetten middels een button?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 5 augustus 2008 @ 11:38:15 #213

Pronk

Koffie?

Ik ben bezig met het bouwen van een 'overlayer', een layer over de pagina heen i.p.v een popup.

De layer werkt perfect, ik loop alleen tegen een heel irritant probleem aan. Ik wil dat de layer weer sluit op het moment dat de gebruiker naast de inhoud klikt (id="overlay_box"). Ook dat werkt op zich al prima.

Het probleem is dat de layer ook sluit als je op de inhoud (id="overlay_test") klikt. Dit mag niet gebeuren omdat er in de inhoud ook links en dergelijke kunnen staan en gebruikers daar dus gewoon moeten kunnen klikken.

Heeft iemand een idee hoe ik er voor kan zorgen dat de layer wel sluit als ik op id="overlay_box" klik maar niet sluit als ik op id="overlay_test" klik?

Hieronder mijn voorbeeldcode:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

      <style type="text/css">

         body {
            margin: 0 0 0 0;
         }
         #site {
            text-align: center;
         }

         h2 {
            display: inline;
         }
         #overlay_box {
            display: none;
            background: url('overlay_bg.gif');
            position: absolute;
            width: 100%;
            height: 100%;
         }
         #overlay_box .sluiten {
            display: inline;
            float: right;
            cursor: pointer;
            background: url('overlay_close.gif') no-repeat;
            height: 15px;
            width: 15px;
            margin: -5px -5px; 0 0;
         }
         #overlay_test {
            display: none;
            background: #ffffff;
            border: 3px solid #dddddd;
            width: 640px;
            margin-top: 50px;
            padding: 5px 5px 0px 5px;
            text-align: left;
         }

      </style>

      <script type="text/javascript">

         function showOverlay(overlayBox, overlayName) {
            closeOverlay();
            document.getElementById(overlayBox).style.display = 'block';
            document.getElementById(overlayName).style.display = 'block';
         }

         function closeOverlay() {
            var overlaydivs = document.getElementsByTagName('div');
            for (var i = 0; i < overlaydivs.length; i++) {
               var overlaydiv = overlaydivs[i];
               if (overlaydiv.id.indexOf('overlay_') == 0 && overlaydiv.style) {
                  overlaydiv.style.display = 'none';
               }
            }
         }

      </script>

   </head>

   <body>

      <div id="overlay_box" align="center" onclick="closeOverlay();">

         <div id="overlay_test">
            <div class="sluiten" onclick="closeOverlay();"></div>
            <h2>test</h2>
            <img src="test" width="640" height="480" alt="test" title="test" />
         </div>

      </div>

      <div id=site>
         <a href="javascript:showOverlay('overlay_box', 'overlay_test');">test</a>
      </div>

   </body>
</html>

Ja lekker!

dinsdag 5 augustus 2008 @ 11:46:29 #214

Dzy

It is I

Ik heb een heel kort scriptje nodig en ik kan het zo 1, 2, 3 niet vinden op inet.

Ik wil graag in case van IE6 of IE5 een alert met Javascript geven dat je beter kunt upgraden, hoe doe ik dit?

"Reality is an illusion created by a lack of alcohol."

maandag 25 augustus 2008 @ 11:58:36 #215

frenchfries

1
2
3
4
5

dinsdag 26 augustus 2008 @ 20:55:21 #216

Devrim_

Kan iemand mij die javascript code geven waarmee je de plaats van plaatjes etc. van bijv. op het forum kan aanpassen?

woensdag 27 augustus 2008 @ 17:47:10 #217

Chandler

Even een vraagje, ik ben hier niet zo handig in (array's).

ik neem aan dat dit een array is,

1

data: [[0, 0], [1, 20], [2, 48], [3, 57], [4, 64], [5, 120], [6, 180], [7, 90], [8, 210], [9, 352], [10, 400], [11, 475], [12, 525], [13, 625], [14, 600], [15, 425], [16, 250], [17, 350], [18, 475], [19, 500], [20, 575], [21, 675], [22, 857], [23, 950], [24, 803], [25, 854], [26, 914], [27, 1100], [28, 1000], [29, 1120], [30, 1278], [31, 1342]]

kan ik deze ook ergens defenieren en dan hergebruiken? zodat ik alleen

1	data: arrayVar

hoef in te geven?

-edit- fixed-

var blaat = [[0,0], [1,0] etc etc etc ]

[ Bericht 5% gewijzigd door Chandler op 28-08-2008 10:35:52 ]

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 27 augustus 2008 @ 19:51:12 #218

Flaccid

Ik heb een iphone pagina gemaakt voor mijn site.

Er zit een formpje in, maar die doet het niet als je op enter duwt. Dan gaat hij niet naar zijn action.
iphone.joristimes.nl

[ Bericht 7% gewijzigd door Flaccid op 27-08-2008 20:01:33 ]

donderdag 28 augustus 2008 @ 03:52:15 #219

oshiro

I don't fuckin' care

quote:
Op dinsdag 26 augustus 2008 20:55 schreef Devrim_ het volgende:
Kan iemand mij die javascript code geven waarmee je de plaats van plaatjes etc. van bijv. op het forum kan aanpassen?

Bedoel je een greasemonkey script?

"Nevertheless sir, like German tourists, the stupid are everywhere." - Arnold J. Rimmer, Red Dwarf || Last.fm

vrijdag 29 augustus 2008 @ 10:48:54 #220

Chandler

Een vraagje m.b.t het loopen van een array :D

stel ik heb het volgende:

1
2
3

var weekListHits = [[1,2149],[2,2161],[3,2416],[4,2277],[5,404],[6,0],[7,0]];
var weekListUnique = [[1,492],[2,500],[3,561],[4,517],[5,102],[6,0],[7,0]];
var weekListRefs = [[1,26],[2,21],[3,27],[4,22],[5,14],[6,0],[7,0]];

en wil dit graag als een tabel laten zien:

1
2
3
4
5
6
7
8

<tabel>
<thead>
    <th>Dag</th>
    <th>Hits</th>
    <th>Unique</th>
    <th>Refs</th>
</thead>
.... data

hoe kan ik netjes door de array heen lopen en alle data in 1x plaatsen.. maar helaas werkt het volgende stuk code niet

1
2
3
4
5
6

for (x = 1; x < 8; x++)
{
     document.writeln(WeekListHits[x].value);
     document.writeln(WeekListUnique[x].value);
     document.writeln(WeekListRefs[x].value);
}

en zou iemand mij kunnen vertellen wat ik fout doe? :(

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 29 augustus 2008 @ 11:07:49 #223

Chandler

Het gaat zekers ergens over, dit wordt gebruikt door protoChart, waarmee ik grafische HTML/CSS gebaseerde statistiek afbeeldingen maak.

Maar ik heb het voor elkaar, na goed speuren werkt het volgende.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<table>
<thead>
    <th>Datum</th>
   <th>Hits</th>
   <th>Unique</th>
   <th>Refs</th>
</th>
<script type="text/javascript">
var weekListHits   = [[1,2149],[2,2161],[3,2416],[4,2277],[5,404],[6,0],[7,0]];
var weekListUnique = [[1,492],[2,500],[3,561],[4,517],[5,102],[6,0],[7,0]];
var weekListRefs   = [[1,26],[2,21],[3,27],[4,22],[5,14],[6,0],[7,0]];

for (x = 0; x < 7; x++)
{
     document.write('<tr>');
     document.write('<td>Dag</td>');
     document.write('<td>' + weekListHits[x][1] + '</td>');
     document.write('<td>' + weekListUnique[x][1] + '</td>');
     document.write('<td>' + weekListRefs[x][1] + '</td>');
     document.write('</tr>');
}
</script>
</table>

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 29 augustus 2008 @ 11:47:00 #225

Chandler

Opgelost met variabel.length

en tevens eenfunctie er van gemaakt waarbij ik de 1e gegeven op lengte controlleer (de rest is even lang)

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 29 augustus 2008 @ 15:03:28 #226

SuperRembo

Sinds 1998

Het ziet er (samen met je posts in 't php topic) niet heel erg handig uit.
Je kunt het ook zo doen:

Omzetten van je data in php naar javascript:

1
2
3
4
5
6
7

$weekList = array(
   array("hits" => 2149, "unique" => 492, "refs" => 26),
   array("hits" => 2161, "unique" => 500, "refs" => 21),
   array("hits" => 2416, "unique" => 561, "refs" => 27)
);

printf('<script type="text/javascript">var weekList = %s;</script>', json_encode($weekList));

Een functie in javascript om een tabel met die data vol te pompen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function populateWeekList(id, data)
{
   var table = document.getElementById(id);
   if (table.tBodies.length == 0) table.appendChild(document.createElement('TBODY'));
   var tableBody = table.tBodies[0];

   var row, cell;
   for (var i = 0; i < data.length; ++i)
   {
      row = tableBody.insertRow(-1);
      cell = row.insertCell(-1);
      cell.appendChild(document.createTextNode('Dag'));
      cell = row.insertCell(-1);
      cell.appendChild(document.createTextNode(data[i].hits));
      cell = row.insertCell(-1);
      cell.appendChild(document.createTextNode(data[i].unique));
      cell = row.insertCell(-1);
      cell.appendChild(document.createTextNode(data[i].refs));
   }
}

De tabel waar de data in komt:

1
2
3
4
5
6
7
8

<table id="weeklist">
   <thead>
      <th>Datum</th>
      <th>Hits</th>
      <th>Unique</th>
      <th>Refs</th>
   </thead>
</table>

Dan kan je de tabel vullen met

1	populateWeekList('weeklist', weekList)

vrijdag 5 september 2008 @ 13:40:58 #227

CraZaay

prettig gestoord

Ok, wat zie ik hier over het hoofd? Al tig keer gedaan, maar in dit geval mis ik iets.

1
2
3
4
5
6
7
8
9
10
11

<form
     action="/user"
     method="post"
     id="foo"
     onsubmit="alert('bar'); return false">
</form>

<a
     href="#"
     onclick="document.getElementById('foo').submit(); return false">
submit</a>

En toch wordt het formulier gewoon gesubmit wanneer je op die link klikt. Niet eerst een alert en al helemaal geen "return false" dus.

NB: De code voor de duidelijkheid op meerdere regels gezet.

vrijdag 5 september 2008 @ 14:19:11 #228

SuperRembo

Sinds 1998

Als je m.b.v. javascript een form submit, dan wordt het onsubmit event nooit afgevuurd.

vrijdag 5 september 2008 @ 14:22:08 #229

CraZaay

prettig gestoord

quote:
Op vrijdag 5 september 2008 14:19 schreef SuperRembo het volgende:
Als je m.b.v. javascript een form submit, dan wordt het onsubmit event nooit afgevuurd.

Je hebt gelijk. Hoe kon ik zo in de war zijn?

Heb het inmiddels anders opgelost

maandag 8 september 2008 @ 11:14:00 #230

donroyco

dus niet Donroyco

Voor een website wil ik graag een verticaal tabmenu maken en volgens mij kan dat het beste met JavaScript. Maar daar ligt het probleem, ik heb geen reet verstand van JS, wel van HTML en CSS. Ik heb Google al afgezocht naar een voorbeeldmenu, maar ik krijg alleen maar 'simpele' verticale menustructuren voorgeschoteld. Dit is wat ik zoek (zo'n menu, maar dan met een klik komt de content er op. Het menu moet aan de linkerkant verschijnen. Ik weet dat hier Flash gebruikt is, maar dit is het beste voorbeeld wat ik kon vinden). Bij voorbaat dank!

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

maandag 8 september 2008 @ 11:20:25 #231

CraZaay

prettig gestoord

quote:
Op maandag 8 september 2008 11:14 schreef donroyco het volgende:
ik heb geen reet verstand van JS, wel van HTML en CSS

Dan weet je dat dit prima met HTML & CSS kan, tenzij je ook IE6 wilt ondersteunen

Ik zou het daarom eerst met CSS doen en vervolgens simpelweg een paar regels JS toevoegen om IE6 te ondersteunen.

Hint: nested unordered lists

1
2
3
4
5
6
7

li ul {
display: none;
}

li:hover ul {
display: block;
}

edit: Oh, je wilt het met een click, niet goed gelezen. Dan idd JS, maar denk op dezelde manier als in mijn voorbeeld (maar dan bijv. met een class die je wel/niet aan een li hangt). Hou er wel rekening mee dat de CSS versie wel werkt in user agents die geen JS ondersteunen

maandag 8 september 2008 @ 11:27:59 #232

mcDavid

quote:
Op maandag 8 september 2008 11:14 schreef donroyco het volgende:
Voor een website wil ik graag een verticaal tabmenu maken en volgens mij kan dat het beste met JavaScript. Maar daar ligt het probleem, ik heb geen reet verstand van JS, wel van HTML en CSS. Ik heb Google al afgezocht naar een voorbeeldmenu, maar ik krijg alleen maar 'simpele' verticale menustructuren voorgeschoteld. Dit is wat ik zoek (zo'n menu, maar dan met een klik komt de content er op. Het menu moet aan de linkerkant verschijnen. Ik weet dat hier Flash gebruikt is, maar dit is het beste voorbeeld wat ik kon vinden). Bij voorbaat dank!

Nog een keer naar google, maar nu "suckerfish" intypen!

En voor de broodnodige javascript tutorials zou ik eens op www.w3schools.com kijken. Vooral de HTML-DOM is ook interessant.

maandag 8 september 2008 @ 11:37:22 #233

CraZaay

prettig gestoord

quote:
Op maandag 8 september 2008 11:27 schreef mcDavid het volgende:

Nog een keer naar google, maar nu "suckerfish" intypen!

Idem aan mijn pseudo code boven, maar die doet geen clicks

zondag 14 september 2008 @ 18:06:46 #234

Flaccid

Ik weet niet of dit kan met javascript:

Je hebt een textfield, button, en een lijst met woorden die je moet raden. Laten we zeggen dat het de nummers 1 tot en met 10 zijn.
Als iemand een nummer typt, op de button klikt, kijkt javascript of dat nummer in het lijstje staat. Staat hij erbij, dan laat hij hem links of het scherm zien. Staat hij er niet bij, dan laat hij hem rechts op het scherm zien. Het moet doorgaan totdat ze allemaal geraden zijn. Er moet ook een knop zitten om te laten zien welke er nog zijn, die nog niet zijn geraden dus.

Zoiets als dit: http://www.oneplusyou.com/bb/html_quiz

zondag 14 september 2008 @ 21:24:58 #235

Chandler

Dit moet opzich gemakkelijk te maken zijn mbv array's

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 15 september 2008 @ 00:38:56 #236

mcDavid

quote:
Op zondag 14 september 2008 @ 18:06 schreef Flaccid het volgende:
Ik weet niet of dit kan met javascript:

Je hebt een textfield, button, en een lijst met woorden die je moet raden. Laten we zeggen dat het de nummers 1 tot en met 10 zijn.
Als iemand een nummer typt, op de button klikt, kijkt javascript of dat nummer in het lijstje staat. Staat hij erbij, dan laat hij hem links of het scherm zien. Staat hij er niet bij, dan laat hij hem rechts op het scherm zien. Het moet doorgaan totdat ze allemaal geraden zijn. Er moet ook een knop zitten om te laten zien welke er nog zijn, die nog niet zijn geraden dus.

Zoiets als dit: http://www.oneplusyou.com/bb/html_quiz

Daar doen ze het ook met javascript, dus ik zou zeggen check even de source.

Hou er wel rekening mee dat je met javascript altijd de antwoorden kunt bekijken door de source tevoorschijn te toveren.

zaterdag 20 september 2008 @ 11:58:20 #237

Chandler

Kan iemand mij vertellen welke image viewer ze gebruiken bij tweakers.net? bv 3 images en dan klik je op 1 en krijg je een soortement popup (div) waarbij je snel naar de 'volgende' foto kunt klikken!?

Iemand?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 20 september 2008 @ 12:42:59 #239

Chandler

ongetwijfeld, maar ik zou graag net zo'n scriptje willen gebruiken!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 20 september 2008 @ 13:09:29 #240

CraZaay

prettig gestoord

quote:
Op zaterdag 20 september 2008 11:58 schreef Chandler het volgende:
Kan iemand mij vertellen welke image viewer ze gebruiken bij tweakers.net? bv 3 images en dan klik je op 1 en krijg je een soortement popup (div) waarbij je snel naar de 'volgende' foto kunt klikken!?

http://www.lokeshdhakar.com/projects/lightbox2/

zaterdag 20 september 2008 @ 15:18:06 #241

F04

tvp

zondag 21 september 2008 @ 23:34:29 #242

Sjoe538

Hallo!

Ik heb een erg irritant probleempje.. ik heb een functie waarmee ik wil vaststellen in welke rij een bepaalde foto zich bevindt.

dit doe ik doormiddel van een id mee sturen naar een functie, echter begint deze ID met 0, en dit wil ik graag zo behouden.

foto 1 = id 0;
foto 2 = id 1
etc..

Nu wil ik op de volgende manier vaststellen welke rij mn foto zich bevindt:

1
2
3

var row = (Math.ceil(id/ 3));

var column = id % 3;

Dit om later mn scroll positie te bepalen.
Nu wordt dus de eerste foto als rij 0 gegeven, de tweede 1 en derde 1. Volgende regel is eerste foto rij 1, tweede rij 2 etc.

Wanneer ik

1	id = id+1;

probeer wordt er een 1 aan het einde van m'n id toegevoegd.

0 wordt 01 ipv 1, 5 wordt 51 ipv 6

Hoe los ik dit op?

zondag 21 september 2008 @ 23:50:54 #243

mcDavid

"id++" gebruiken ipv "id= id+1"

-edit-
Dat lost bij nader inzien denk ik niet het probleem op

zorg ervoor dat id gedeclareerd wordt als integer, niet als string.

Een variable die niet geheel uit getallen bestaat, of die quotes bevat, wordt automatisch als string gedeclareerd.

maandag 22 september 2008 @ 09:00:53 #244

CraZaay

prettig gestoord

Als je het snel en ranzig op wilt lossen (zou moeten werken; door de deling wordt het een int):

1	id = (id / 1) + 1;

maandag 22 september 2008 @ 10:02:07 #245

SuperRembo

Sinds 1998

quote:
Op maandag 22 september 2008 09:00 schreef CraZaay het volgende:
Als je het snel en ranzig op wilt lossen (zou moeten werken; door de deling wordt het een int):
[ code verwijderd ]

Het kan ook netjes:

1	id = Number(id);

Een id attribute in html mag trouwens niet geheel numeriek zijn, een id moet namelijk beginnen met een letter.

maandag 22 september 2008 @ 12:58:43 #246

Chandler

quote:
Op zaterdag 20 september 2008 13:09 schreef CraZaay het volgende:

[..]

http://www.lokeshdhakar.com/projects/lightbox2/

Super, daar doelde ik idd op! zal eens kijken wat ik er mee kan!

Tnx!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 22 september 2008 @ 13:28:53 #247

CraZaay

prettig gestoord

quote:
Op maandag 22 september 2008 12:58 schreef Chandler het volgende:

Super, daar doelde ik idd op! zal eens kijken wat ik er mee kan!

Onder welke steen heb je geleefd trouwens dat je niet weet dat dat ding een lightbox heet?

@SuperRembo hierboven: dank je voor deze wel nette oplossing

maandag 22 september 2008 @ 16:34:47 #248

Chandler

quote:
Op maandag 22 september 2008 13:28 schreef CraZaay het volgende:

[..]

Onder welke steen heb je geleefd trouwens dat je niet weet dat dat ding een lightbox heet?

@SuperRembo hierboven: dank je voor deze wel nette oplossing

Die steen die teveel informatie bevat dat hij niet op de naam kon komen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 24 september 2008 @ 11:27:55 #249

LordNemephis

computer says no

Ik heb een probleem met een textarea: Er moeten witregels kunnen worden toegevoegd.

Op http://mtdm.nl/invoer/ staat wat ik tot nu toe heb gemaakt.

De bedoeling is dat wanneer er een witregel wordt ingevoerd (= 2 x enter) het aantal tekens voor een hele regel van het totaal-aantal beschikbare regels wordt afgetrokken.
Op zich is dat geen probleem (druk maar eens op shift + willekeurige key). Echter, tikt men door dan springt de teller weer op het werkelijke aantal tekens die realtime worden weergegeven (want de linebreak wordt gezien als 1 teken ipv aantal tekens voor een hele regel).

Mijn vraag is dus, hoe kan ik een witregel toevoegen aan een textarea?

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

woensdag 24 september 2008 @ 12:29:36 #250

mcDavid

er gaat nog wel meer fout:
- als ik lekker aant typen ben krijg ik ineens de melding dat ik teveel karakters op een regel heb, backspace werkt daarna niet meer
- als ik een regel vol getypt heb en daarna (verplicht dus) op enter druk, wij hij er ook 40 afhalen..

Waar heb je dit voor nodig, want volgens mij maak je het jezelf veel te moeilijk

woensdag 24 september 2008 @ 13:53:32 #251

LordNemephis

computer says no

@mcDavid:
Voor backspace moet ik idd nog even een uitzondering maken (dat ie die niet telt als een toetsaanslag). Dat ie bij enter ook 40 tekens eraf wil halen heb ik niet...

Het gaat erom dat er een advertentie kan worden ingevoerd van max. 400 tekens waarin ook witregels kunnen worden gebruikt zonder dat de maximaal beschikbare ruimte voor de advertentie wordt overschreden (omdat de advertenties moeten worden afgedrukt).

Had zelf ook al het gevoel dat we het moeilijker maken dan het is

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

woensdag 24 september 2008 @ 14:13:58 #252

CraZaay

prettig gestoord

quote:
Op woensdag 24 september 2008 13:53 schreef LordNemephis het volgende:

Had zelf ook al het gevoel dat we het moeilijker maken dan het is

Doe het zoals bol.com: een text input per regel. Het is dan veel duidelijker wat er op welke regel komt en de gebruiker kan zelf de regeleinden bepalen. Ook ben je dan niet afhankelijk van JS ondersteuning; wat jij wilt is namelijk geen enhancement maar core functionaliteit.

woensdag 24 september 2008 @ 14:20:47 #253

mcDavid

quote:
Op woensdag 24 september 2008 @ 13:53 schreef LordNemephis het volgende:
@mcDavid:
Voor backspace moet ik idd nog even een uitzondering maken (dat ie die niet telt als een toetsaanslag). Dat ie bij enter ook 40 tekens eraf wil halen heb ik niet...

Het gaat erom dat er een advertentie kan worden ingevoerd van max. 400 tekens waarin ook witregels kunnen worden gebruikt zonder dat de maximaal beschikbare ruimte voor de advertentie wordt overschreden (omdat de advertenties moeten worden afgedrukt).

Had zelf ook al het gevoel dat we het moeilijker maken dan het is

Ik denk dat het idd handiger is om 4 inputs te maken, en eventueel een script maken dat zorgt dat je na een x aantal tekens automatisch doortypt in de volgende textbox!

Anders gewoon een simpele tekstbox maken, mensen lekker door laten typen, en als ze klaar zijn controleren hoeveel regels dat wordt (met een knopje: "bericht controleren") ofzo

woensdag 24 september 2008 @ 14:30:24 #254

mcDavid

heb ik ook ff een probleem: ik kom er niet uit met een timer

Ik heb een uitklapmenu, de HTML-structuur is suckerfish maar het in/uitklappen doe ik met Javascript. Nu wil ik alleen dat er een vertraging (ong. een seconde?) in komt voor het inklappen, dus voor het uitvoeren van disaperate(). Ik heb al 100 dingen geprobeerd maar krijg het maar niet voor elkaar!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

//mouseover/mouseout tags zetten
var li = document.getElementById("nav").getElementsByTagName("li")
for (var i=0;i<li.length;i++){
   if (li[i].getElementsByTagName("ul")[0]){
      li[i].onmouseover=aperate;
      li[i].onmouseout=disaperate;
   }
}
//het menu zichtbaar maken
function aperate(){
   this.getElementsByTagName("ul")[0].style.display="inline";
   this.style.background="#6565c4";
   this.style.border="1px solid #998ac6";
}
//het menu laten verdwijnen
function disaperate(){
      this.getElementsByTagName("ul")[0].style.display="none";
      this.style.background="url('images/menu.gif')";
      this.style.border="1px solid #6565C4";
}

http://duft.nl/zcflevo/menu.php

woensdag 24 september 2008 @ 14:41:30 #255

Litso

Interlectueel.

Wat heb je al wel geprobeerd dan?
http://www.sitemasters.be/?pagina=overzicht/overzicht&cat=4&id=267 kan dat gewoon lijkt me?

En wat is 'aperate'. De beoordeling die je een aap geeft?

woensdag 24 september 2008 @ 14:46:54 #256

mcDavid

quote:
Op woensdag 24 september 2008 @ 14:41 schreef Litso het volgende:
En wat is 'aperate'. De beoordeling die je een aap geeft?

voor mijn part

Wat ik al geprobeerd heb is bijv:

1
2
3
4
5

li[i].onmouseout=setTimeout("disaperate",1000)

function disaperate(){
var t = setTimeout("disaperate2()",1000);
} //en dan disaperate2() zoals disaperate() in het voorbeeld hierboven

Ook heb ik geprobeerd 'this' als variable door te geven, werkt ook niet...

woensdag 24 september 2008 @ 14:50:06 #257

mcDavid

quote:
Op woensdag 24 september 2008 @ 14:41 schreef Litso het volgende:

http://www.sitemasters.be/?pagina=overzicht/overzicht&cat=4&id=267 kan dat gewoon lijkt me?

nope dan snapt'ie this.getElementsByTagName niet meer:

Fout: this.getElementsByTagName is not a function
Bronbestand: http://duft.nl/zcflevo/menu_script.js
Regel: 17

woensdag 24 september 2008 @ 15:15:31 #258

Litso

Interlectueel.

Hmm. Ik krijg het idd ook niet voor elkaar.

woensdag 24 september 2008 @ 15:40:37 #259

mcDavid

Wat stom, zo ingewikkeld zou het toch niet moeten zijn

Anyway thnx for trying!

woensdag 24 september 2008 @ 19:46:42 #260

DionysuZ

Respect my authority!

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

//mouseover/mouseout tags zetten
var li = document.getElementById("nav").getElementsByTagName("li");
for (var i=0;i<li.length;i++){
   if (li[i].getElementsByTagName("ul").length > 0){
     li[i].onmouseover= function(){ aperate(this); }
     li[i].onmouseout= function(){ disaperate(this); }
   }
}

//het menu zichtbaar maken
function aperate(element){
   element.getElementsByTagName("ul")[0].style.display="inline";
   element.style.background="#6565c4";
   element.style.border="1px solid #998ac6";
}

//het menu laten verdwijnen
function disaperate(element) {
  setTimeout(function() { disaperate2(element); },1000);
}

function disaperate2(element){
      element.getElementsByTagName("ul")[0].style.display="none";
      element.style.background="url('images/menu.gif')";
      element.style.border="1px solid #6565C4";
}

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

woensdag 24 september 2008 @ 20:49:46 #261

mcDavid

quote:
Op woensdag 24 september 2008 @ 19:46 schreef DionysuZ het volgende:

[ code verwijderd ]

Er gebeurt zo wel wat inderdaad maar het gaat nog niet goed: de uitklapmenu's verdwijnen nu sowieso na 1 seconde, ook als je er gewoon op blijft staan!

http://duft.nl/zcflevo/menu.php heb 'm er even in gezet als demonstratie.

Enneuh, wat doet dat function() precies? is dat gewoon een functie zonder naam ofzo?

[ Bericht 9% gewijzigd door mcDavid op 24-09-2008 20:58:06 ]

woensdag 24 september 2008 @ 21:37:31 #262

DionysuZ

Respect my authority!

Waarschijnlijk omdat het element waar je onmouseover op doet child elementen heeft, en het geheel daardoor in de soep loopt

.

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

woensdag 24 september 2008 @ 21:45:58 #263

mcDavid

quote:
Op woensdag 24 september 2008 @ 21:37 schreef DionysuZ het volgende:
Waarschijnlijk omdat het element waar je onmouseover op doet child elementen heeft, en het geheel daardoor in de soep loopt .

uiteraard heeft die child-elementen, anders viel er niets uit te klappen (zie ook broncode).
Maar als je op een child-element zit, zit je óók op de parent toch? Anders zou het met mijn eigen versie ook al fout moeten gaan...

woensdag 24 september 2008 @ 21:52:32 #264

DionysuZ

Respect my authority!

quote:
Op woensdag 24 september 2008 21:45 schreef mcDavid het volgende:

[..]

uiteraard heeft die child-elementen, anders viel er niets uit te klappen (zie ook broncode).
Maar als je op een child-element zit, zit je óók op de parent toch? Anders zou het met mijn eigen versie ook al fout moeten gaan...

http://waynepan.com/wp-co(...)useover-example.html

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

woensdag 24 september 2008 @ 22:01:39 #265

mcDavid

quote:
Op woensdag 24 september 2008 @ 21:52 schreef DionysuZ het volgende:

[..]

http://waynepan.com/wp-co(...)useover-example.html

! dat is humor

Ik ga nog ff puzzelen

woensdag 24 september 2008 @ 22:05:01 #266

DionysuZ

Respect my authority!

quote:
Op woensdag 24 september 2008 22:01 schreef mcDavid het volgende:

[..]

:D! dat is humor :')

Ik ga nog ff puzzelen :P

hier

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

//mouseover/mouseout tags zetten
var mytimeout = Array();
var li = document.getElementById("nav").getElementsByTagName("li");
for (var i=0;i<li.length;i++){
   if (li[i].getElementsByTagName("ul").length > 0){
     li[i].id = i;
     li[i].onmouseover= function(){ aperate(this); }
     li[i].onmouseout= function(){ disaperate(this); }
   }
}

//het menu zichtbaar maken
function aperate(element){
   element.getElementsByTagName("ul")[0].style.display="inline";
   element.style.background="#6565c4";
   element.style.border="1px solid #998ac6";
}

//het menu laten verdwijnen
function disaperate(element) {
  clearTimeout(mytimeout[element.id]);
  mytimeout[element.id] = setTimeout(function() {
      element.getElementsByTagName("ul")[0].style.display="none";
      element.style.background="url('images/menu.gif')";
      element.style.border="1px solid #6565C4";
  },1000);
}

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

woensdag 24 september 2008 @ 22:36:36 #267

schwa78

Rutger

Ik heb een forum waarbij ik een 'preview' button in wil voeren.

Daarbij wil ik dat er 2 buttons onderaan staan. De eerste is preview dat verwijst naar preview.php. De ander is bericht plaatsen dat verwijst naar process.php. Bij beide buttons moeten alle gegevens die ingevuld zijn (het te plaatsen bericht) mee gestuurd worden.

Momenteel heb ik:

1	<input type="button" onclick="location.href='preview.php?id='+document.comments.tid.value+'&send_comment='+document.comments.send_comment.value" value="Preview" class="button" />

(de 'plaats bericht' button werkt gewoon met type=submit)

Het werkt allemaal prima, maar alleen haalt het script alle enters uit de value die bij send_comment ingevoerd wordt.

Hoe zorg ik er nou voor dat het bericht niet als 1 grote woordenbrij aankomt bij preview.php?

http://www.schwaproductions.nl/

woensdag 24 september 2008 @ 23:09:48 #268

mcDavid

quote:
Op woensdag 24 september 2008 @ 22:36 schreef schwa78 het volgende:
Ik heb een forum waarbij ik een 'preview' button in wil voeren.

Daarbij wil ik dat er 2 buttons onderaan staan. De eerste is preview dat verwijst naar preview.php. De ander is bericht plaatsen dat verwijst naar process.php. Bij beide buttons moeten alle gegevens die ingevuld zijn (het te plaatsen bericht) mee gestuurd worden.

Momenteel heb ik:
[ code verwijderd ]

(de 'plaats bericht' button werkt gewoon met type=submit)

Het werkt allemaal prima, maar alleen haalt het script alle enters uit de value die bij send_comment ingevoerd wordt.

Hoe zorg ik er nou voor dat het bericht niet als 1 grote woordenbrij aankomt bij preview.php?

ik zou voor die preview button een tweede submit button maken, maar dan eentje die onclick de actie van het formulier verandert. Volgens mij moet dat werken...

-edit-
anders een 2e form maken, met wat hidden inputs die de waardes van het eerste form overnemen...

[ Bericht 5% gewijzigd door mcDavid op 24-09-2008 23:15:58 ]

woensdag 24 september 2008 @ 23:14:41 #269

mcDavid

quote:
Op woensdag 24 september 2008 @ 22:05 schreef DionysuZ het volgende:

[..]

hier
[ code verwijderd ]

Hey ik wil zelf ook nog wat doen!

Nu gooit'ie weer om de haverklap spontaan het menu dicht trouwens... maar ik ben eerst ff met iets anders bezig nu wat meer prioriteit heeft

donderdag 25 september 2008 @ 09:20:17 #270

schwa78

Rutger

quote:
Op woensdag 24 september 2008 23:09 schreef mcDavid het volgende:

[..]

ik zou voor die preview button een tweede submit button maken, maar dan eentje die onclick de actie van het formulier verandert. Volgens mij moet dat werken...

-edit-
anders een 2e form maken, met wat hidden inputs die de waardes van het eerste form overnemen...

Ik heb je eerste suggestie geprobeerd, maar de volgende code werkt niet (het formulier wordt wel verzonden maar gewoon naar process.php ipv preview.php).

1	<input type="button" onclick="document.comments.action.value='preview.php'; document.comments.submit();" value="Preview" class="button" />

Ik zal je tweede suggestie eens proberen.... al heb ik er een hard hoofd in dat het me gaat lukken :P

http://www.schwaproductions.nl/

donderdag 25 september 2008 @ 09:22:06 #271

SuperRembo

Sinds 1998

quote:
Op woensdag 24 september 2008 22:36 schreef schwa78 het volgende:
Ik heb een forum waarbij ik een 'preview' button in wil voeren.

Daarbij wil ik dat er 2 buttons onderaan staan. De eerste is preview dat verwijst naar preview.php. De ander is bericht plaatsen dat verwijst naar process.php. [...]

Dat is het probleem. Je moet gewoon één form maken dat post naar één php script dat zowel het bericht kan plaatsen als een preview kan tonen afhankelijk van de knop waar op geklikt is. Het is erg onhandig om dit via javascript in elkaar te gaan knoeien.

donderdag 25 september 2008 @ 09:46:18 #272

schwa78

Rutger

Het is gelukt!

1
2
3
4
5

Thanks!!

http://www.schwaproductions.nl/

donderdag 25 september 2008 @ 11:34:15 #273

mcDavid

quote:
Op donderdag 25 september 2008 @ 09:22 schreef SuperRembo het volgende:

[..]

Dat is het probleem. Je moet gewoon één form maken dat post naar één php script dat zowel het bericht kan plaatsen als een preview kan tonen afhankelijk van de knop waar op geklikt is. Het is erg onhandig om dit via javascript in elkaar te gaan knoeien.

Daar heb je ook wel een goed punt inderdaad!
Het zou handiger zijn om te zorgen dat er bij een preview een extra variable meegestuurd wordt die door het php-script herkend wordt.

vrijdag 26 september 2008 @ 18:17:39 #274

DionysuZ

Respect my authority!

Ik heb ook een form probleempje. Het probleem is, ik wil meerdere forms hebben, die allemaal elementen bevat, die submit kunnen worden. Maar ook een submit all button om alle forms te submitten. Dit is de code die ik nu heb (example 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
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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">

  <head>
    <title>Form submission</title>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="nl" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />

    <script type="text/javascript">
    // <![CDATA[
    function submitall(elm) {
      // create new form
      var element = document.createElement("form");
      element.setAttribute("action","index.php");
      element.setAttribute("method","post");

      var forms = document.getElementsByTagName("form");

      for (var i=0;i<forms.length;i++) {
        // walk through array, form by form
        if (forms[i] != elm) {
          element.innerHTML += forms[i].innerHTML;
        }
      }
      // and submit your newly generated form =)
      element.submit();

      return false;
    }
    // ]]>
    </script>

  </head>

  <body>
  <?
  if (isset($_POST)) {
    echo "<pre>\n";
    print_r($_POST);
    echo "</pre>\n";
  }
  ?>
    
    <fieldset>
    <legend>Form1</legend>
    <form action="index.php" method="post">
      <input type="text" name="var[0]" value="test" /><br />
      <input type="text" name="var[1]" value="test" /><br />
      <input type="text" name="var[2]" value="test" /><br />
      <input type="text" name="var[3]" value="test" /><br />
      <input type="text" name="bla" value="test" /><br />
      <input type="submit" value="submit" />
    </form>
    </fieldset>

    <fieldset>
    <legend>Form2</legend>
    
    <form action="index.php" method="post">
      <input type="text" name="var[4]" value="test" /><br />
      <select name="test">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select><br />
      <input type="submit" value="submit" />
    </form>
    </fieldset>

    <fieldset>
    <legend>Form3</legend>
    
    <form action="index.php" method="post">
      <input type="radio" name="var[5]" value="true" checked="checked" />true<br />
      <input type="radio" name="var[5]" value="false" />false<br />
      <input type="checkbox" name="var[6]" value="true" checked="checked" />var6<br />
      <input type="checkbox" name="var[7]" value="true" checked="checked" />var7<br />
      <input type="checkbox" name="var[8]" value="true" />var8<br />
      <input type="submit" value="submit" />
    </form>
    </fieldset>

    <br />
    <form>
    <input type="submit" value="Submit all" onclick="submitall(this.parentNode)" />
    </form>

  </body>
</html>

maar op een of andere manier doet die het niet. Iemand enig idee waarom?

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

vrijdag 26 september 2008 @ 19:44:35 #275

SuperRembo

Sinds 1998

Het verbaast me niet echt dat het op die manier (via innerHTML) niet werkt. Je kan denk ik beter de form elementen zelf verplaatsen. Als je ze allemaal verplaatst naar het eerste form en die dan submit dan krijg je zo iets:

1
2
3
4
5
6
7
8
9
10
11
12
13

maandag 29 september 2008 @ 19:26:18 #276

mcDavid

Ik heb ook een innerHTML probleem uit een hele andere hoek.

Ik haal de inhoud van een complete div op en plaats die in een textarea zodat die gewijzigd kan worden. Werkt prima allemaal, alleen ik vind het een beetje jammer om de zo gegenereerde tekst op te slaan. Echt valide xhtml wordt het namelijk niet (IE converteert zelfs alle tags naar uppercase

).

Is er niet een andere methode die gewoon de source letterlijk overneemt zoals die is?

woensdag 1 oktober 2008 @ 14:55:58 #277

Chandler

Klein vraagje, stel ik heb het volgende in een javascript string.

1 2	test:(mijn tekst hier), test1:(tweede tekst),

Nu wil ik het liefst alle inhoud van test1 verwijderen dus "test1{***)," hoe kan ik dit doen zonder dat ik weet wat de inhoud van test1 is?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 1 oktober 2008 @ 15:44:37 #278

CraZaay

prettig gestoord

quote:
Op woensdag 1 oktober 2008 14:55 schreef Chandler het volgende:
Nu wil ik het liefst alle inhoud van test1 verwijderen dus "test1{***)," hoe kan ik dit doen zonder dat ik weet wat de inhoud van test1 is?

Regular expression icm replace()?

woensdag 1 oktober 2008 @ 16:11:42 #279

Chandler

Duidelijk, ik heb reeds wat geprobeerd maar dit werkt niet echt

/testname:$([a-z]+)$/i

en getest met subject string: testname:(helloworld)
replacement text: testname:(woei)

op : http://www.regular-expressions.info/javascriptexample.html

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 1 oktober 2008 @ 19:38:58 #280

SuperRembo

Sinds 1998

1	alert("testname:(helloworld)".replace(/testname:$\w+$/, "testname:(woei)"))

woensdag 1 oktober 2008 @ 21:24:21 #281

Chandler

Ik dank u vriendelijk

Echter zit ik toch nog met een probleempje op een of andere manier

1
2
3
4
5
6
7
8
9

    saver = document.getElementById('options').value;

    // verwijder eerdere tekst
    saver.replace('/\r\n' + noemer + ':$\w+ $,/',"");

    // voeg nieuwe tekst toe
    saver = saver + "\r\n" + noemer + ":(" + tekst + "),";

    document.getElementById('options').value = saver;

Nu wil ik bv het volgende gebruiken als noemer en tekst

noemer: dit_is_een_voorbeeld
tekst: hallo jan

nu staat er in de options al het volgende:

1	noemer:(hallo erik),

Maar het vervangt geen tekst, krijg ook geen error

anyone?

[ Bericht 87% gewijzigd door Chandler op 02-10-2008 12:48:20 ]

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 2 oktober 2008 @ 13:03:53 #282

Chandler

Subtiele kick

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 2 oktober 2008 @ 13:23:50 #283

SuperRembo

Sinds 1998

Je haalt wat dingen door elkaar. In javascript heb je voor regular expressions een eigen notatie; een regular expression is echt wat anders dan een string:

1 2	alert('/foo/bar/'.replace('/foo/', 'FOO')); // string replace, geeft "FOObar/" alert('/foo/bar/'.replace(/foo/, 'FOO')); // regexp, geeft "/FOO/bar/"

Je wil de regexp dynamisch opbouwen, dat kan ook:

1	alert('/foo/bar/'.replace(new RegExp('f' + 'oo'), 'FOO')); // regexp, geeft "/FOO/bar/"

donderdag 2 oktober 2008 @ 21:43:57 #284

Chandler

Ah, nu snap ik het idd, wist niet dat je dan appart regExp moest gebruiken! weer wat geleerd!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 3 oktober 2008 @ 08:59:33 #285

Chandler

Ik heb het volgende geprobeerd, maar helaas haalt het niets weg

1	saver.replace(new RegExp('\r\n' + noemer + ':$\w+$,'),"");

ook zonder de \r\n werkt het niet, krijg trouwens ook geen foutmelding

1
2
3
4
5

Volledige versie

maar geen verandering

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 3 oktober 2008 @ 12:43:14 #286

SuperRembo

Sinds 1998

Als je een \ in een string wil hebben, dan moet je die escapen, dus in plaats van ':$\w+$' moet het ':\$\\w+\$' zijn om de juiste regexp te krijgen.
\w matcht een word character, dat is gelijk aan [a-zA-Z], maar jij wil blijkbaar ook een spatie toestaan.
Je kunt ook een paar modifiers opgeven in de regexp in de 2e parameter:

1	new RegExp(str1 + ':\$[a-z ]+\$', 'gim')

g voor global search (zodat alle matches gereplaced worden)
i voor case insensitive (dan kan je [a-z] gebruiken in plaats van [a-zA-Z])
m voor multiline search

vrijdag 3 oktober 2008 @ 14:11:08 #287

Chandler

Tnx voor je duidelijke uitleg, ik wilde iig niet een slash gebruiken

alleen voor escapen van de ( en ) maar verder niet. Ik zal eens verder spelen met je code!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 3 oktober 2008 @ 14:32:54 #288

SuperRembo

Sinds 1998

quote:
Op vrijdag 3 oktober 2008 14:11 schreef Chandler het volgende:
ik wilde iig niet een slash gebruiken alleen voor escapen van de ( en ) maar verder niet.

In je regexp wil je een ( gebruiken,
dan moet in je rexexp \( staan,
dus de string waarmee je de regexp maakt wordt dan '\\('

vrijdag 3 oktober 2008 @ 16:13:59 #289

Chandler

ah, duidelijk, ga er gelijk mee spelen!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

vrijdag 3 oktober 2008 @ 16:30:45 #290

Chandler

Tnx! het heeft gewerkt en ook \\r\\n voor newlines werkt

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 6 oktober 2008 @ 17:04:07 #291

LordNemephis

computer says no

Ik heb een _n00bprobleempje met een popupje vanuit een formulier: In de popup kan je een afbeelding uploaden en de bestandsnaam moet dan doorgegeven worden naar (een veld in) het formulier van onderliggend document.

Dit stukje Jscript heb ik in de popup:

1
2
3
4
5

en dit is de mbv PHP ge-uploade afbeelding:

1	$afbeelding ="".$_FILES['bestand']['name']." ";

Probleem is, hoe geef ik de bestandsnaam door? Hij geeft nu letterlijk $afbeelding door en dat is |:(

Zal wel vrij simpel zijn maar ik kijk er overheen :@

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

maandag 6 oktober 2008 @ 17:47:21 #292

mcDavid

Je probeert met javascript een PHP-variable aan te spreken? :') gaat niet werken uiteraard.

Je zult met PHP een stukje javascript moeten wegschrijven om de javascript variable te declareren. Bijvoorbeeld zoiets:

1
2
3

<?php
echo "var afbeelding = {$afbeelding};" ;
?>

maandag 6 oktober 2008 @ 18:21:16 #293

LordNemephis

computer says no

quote:
Op maandag 6 oktober 2008 17:47 schreef mcDavid het volgende:
Je probeert met javascript een PHP-variable aan te spreken? gaat niet werken uiteraard.

Je zult met PHP een stukje javascript moeten wegschrijven om de javascript variable te declareren. Bijvoorbeeld zoiets:
[ code verwijderd ]

Nee daar dacht ik ook al aan, toen ik dit gepost had. Maar toen was ik al onderweg naar huis. Thnx voor meedenken iig

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

maandag 6 oktober 2008 @ 19:37:04 #294

CraZaay

prettig gestoord

quote:
Op maandag 6 oktober 2008 17:47 schreef mcDavid het volgende:
Je probeert met javascript een PHP-variable aan te spreken? gaat niet werken uiteraard.

Je zult met PHP een stukje javascript moeten wegschrijven om de javascript variable te declareren. Bijvoorbeeld zoiets:
[ code verwijderd ]

Vergeet de quotes niet, aangezien $afbeelding een string is denk ik

dinsdag 7 oktober 2008 @ 12:11:15 #295

LordNemephis

computer says no

Dit werkt goed, misschien heeft iemand er nog es wat aan:

1
2
3
4
5
6

1
2
3
4
5

?>
<script language="javascript" type="text/javascript">
var afbeelding = "<?php echo "$afbeelding"; ?>";
</script>
<?php

:)

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

dinsdag 7 oktober 2008 @ 12:18:15 #296

CraZaay

prettig gestoord

Haal die nutteloze " eens weg uit: <?php echo "$afbeelding"; ?>
En datzelfde geldt voor ( en ) in: opener.document.form1.fObjImage.value = (afbeelding);

dinsdag 7 oktober 2008 @ 14:21:02 #297

LordNemephis

computer says no

quote:
Op dinsdag 7 oktober 2008 12:18 schreef CraZaay het volgende:
Haal die nutteloze " eens weg uit: <?php echo "$afbeelding"; ?>
En datzelfde geldt voor ( en ) in: opener.document.form1.fObjImage.value = (afbeelding);

hee en dan werkt het ook nog

weer wat geleerd!

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

dinsdag 7 oktober 2008 @ 14:35:39 #298

mcDavid

quote:
Op dinsdag 7 oktober 2008 12:11 schreef LordNemephis het volgende:

[ code verwijderd ]

Begrijp ik goed dat je daar je php-code afsluit, anderhalve regel html tikt, weer een stukje php invoegt, weer anderhalve html en dat dan je php-script weer verder gaat?

Als dat zo is wil ik niet weten hoe je document eruit ziet en raad ik andere mensen die hier wat aan zouden kunnen hebben aan zelf een nettere oplossing te verzinnen.

dinsdag 7 oktober 2008 @ 14:50:21 #299

CraZaay

prettig gestoord

quote:
Op dinsdag 7 oktober 2008 14:35 schreef mcDavid het volgende:

Begrijp ik goed dat je daar je php-code afsluit, anderhalve regel html tikt, weer een stukje php invoegt, weer anderhalve html en dat dan je php-script weer verder gaat?

Als dat zo is wil ik niet weten hoe je document eruit ziet en raad ik andere mensen die hier wat aan zouden kunnen hebben aan zelf een nettere oplossing te verzinnen.

Zo begint iedere hobbyist toch? Het is niet netjes nee, maar om nou te verwachten dat hobbyisten vanaf dag 1 weten wat bijvoorbeeld een MVC patroon is?

dinsdag 7 oktober 2008 @ 15:31:42 #300

mcDavid

verwachten niet, maar de hint geven er eens over na te denken...

maandag 13 oktober 2008 @ 18:48:43 #301

Flaccid

Moet ie niet dicht en een nieuwe?

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

» digital corner

» development

» digital corner

» development