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:Deze OP: http://wiki.fok.nl/index.php/OP/JavascriptOp 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
dit is geen verkapte tvp. echt niet
quote:dat klopt, deze hou ik tegoedOp zaterdag 26 januari 2008 21:38 schreef ralfie het volgende:
ah, shit, ik had deze moeten maken
dit is geen verkapte tvp. echt niet
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.
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?
quote: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 hebtOp 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?
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
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?
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
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
quote: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 leggenOp 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
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.
quote:Dat is wel duidelijk want hij doet het simpelweg niet. Thx voor de link, ga ik zo even bekijkenOp 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.
quote:Ik heb even wat in elkaar gebrouwen. Het doet het nu goed. Natuurlijk is feedback over de code welkomOp 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?
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?
quote:als-ie nou online zou zijn...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?
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 | document.getElementById(aDiv).innerHTML='<table>'; var i=1; var j=1; for(i=1;i<=aRows;i++){ document.getElementById(aDiv).innerHTML+='\r\n<tr>'; for(j=1;j<=aCols;j++){ document.getElementById(aDiv).innerHTML+='\r\n<td><textarea></textarea></td>'; } document.getElementById(aDiv).innerHTML+='\r\n</tr>'; } document.getElementById(aDiv).innerHTML+='\r\n</table>'; } |
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 | 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 | <tr> <td><textarea></textarea></td> <td><textarea></textarea></td> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> <td><textarea></textarea></td> <td><textarea></textarea></td> </tr> <tr> <td><textarea></textarea></td> <td><textarea></textarea></td> <td><textarea></textarea></td> </tr> </table> |
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?
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 | aDiv = document.getElementById(aDiv); var tableCode = ''; tableCode += '<table>'; for (i = 0; i < aRows * aCols; i++) { if (i % aCols == 0) { tableCode += '<tr>'; } tableCode += '<td><textarea></textarea></td>'; if (i % aCols == aCols - 1) { tableCode += '</tr>'; } } if (i % aCols != 0) { tableCode += '</tr>'; } tableCode += '</table>'; aDiv.innerHTML = tableCode; } |
quote:Het opruimen is voor naderhand, als het functioneel is.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.
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. >_>
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | 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?
quote: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 werktOp 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. >_>
Create table
quote:Hoe kom je toch bij die 3 keer?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.
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: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 opgebouwdOp 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?
), 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?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | { var table = document.createElement('TABLE'); var row, cell; for (var j = 0; j < numRows; ++j) { row = table.insertRow(-1); for (var i = 0; i < numCols; ++i) { cell = row.insertCell(-1); cell.appendChild(document.createTextNode(i + ':' + j)); } } parent.appendChild(table); } |
quote: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 overneemOp dinsdag 29 januari 2008 13:22 schreef Tuvai.net het volgende:
Hoe kom je toch bij die 3 keer?
quote:Bah, remco! Jij komt ook altijd met een nog betere oplossingOp dinsdag 29 januari 2008 13:23 schreef SuperRembo het volgende:
Of m.b.v. DOM functies:
[ code verwijderd ]
Hoe kan ik in dat voorbeeldje echter een attribuut meegeven aan een rij, cel, etc?quote:(Super)Rembo is met een b, desnoods met een k, maar nooit met een c!Op dinsdag 29 januari 2008 13:29 schreef Tarabass het volgende:
[..]
Bah, remco! Jij komt ook altijd met een nog betere oplossing
quote:Het is eigenlijk altijd beter om een property op het object te zetten i.p.v. een attribute met setAttribute().Op dinsdag 29 januari 2008 13:43 schreef Tarabass het volgende:
setAttribute('id','naam_id');
Dus
el.id = "foo";
i.p.v.
el.setAttribute("id", "foo");
quote:Sorry, RemKoOp 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!
quote: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()?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 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.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.
quote:Kortom die heb je niet echt nodig wanneer je toch al netjes je HTML in orde hebt.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.
Zijn er hier mensen die werken met libraries? Op het moment ben ik aan het spelen met prototype en het bevalt heel goed.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | { var table = document.createElement('TABLE'); var row, cell; for (var j = 0; j < numRows; ++j) { row = table.insertRow(-1); for (var i = 0; i < numCols; ++i) { cell = row.insertCell(-1); //Werkt alleen in FF onclickstring = 'showhide(\'' + parent + '\',\'' + parent.id + '\');setColor(\'' + curColor + '\'); return false'; cell.setAttribute('onclick',onclickstring); //Werkt cross-browsed maar wordt al aangeroepen bij het aanmaken van het table en niet bij klikken op cel cell.onclick = new function() {alert('Hello World!');}; cell.appendChild(document.createTextNode(i + ':' + j)); } } parent.appendChild(table); } |
Ik wil dus bij het klikken van een cell de functies showhide() en setColor() aanroepen, hoe bouw ik dat dan in?
| 1 |
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!
quote: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 celOp woensdag 30 januari 2008 13:58 schreef fokME2 het volgende:
[ code verwijderd ]
Geen new function, maar gewoon function (). Dan werkt het wel?
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
quote:Tja, w3schools heeft wel een paar leuke voorbeelden, zo ook tizag. Verder is google natuurlijk je beste vriend..Op woensdag 30 januari 2008 14:38 schreef Dzy het volgende:
[knip]
| 1 |
?
quote:Dat is hem inderdaad bijnaOp 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 ]
?
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..
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 |
quote:Schiet mij maar lek, maar ik begrijp je niet denk ik. Het werkt wel overigens hoor, maar begrijpen is een tweede.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.
[ code verwijderd ]
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
quote:Verdiep je eens in closuresOp 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.
http://blog.morrisjohns.com/javascript_closures_for_dummies
http://ajaxian.com/archives/javascript-closures-for-dummies
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?
quote:Waarom niet gewoon in een div zetten die met position:fixed gepositioneerd is?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?
quote:Zit er niets voor je bij op Dynamicdrive.com?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?
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 | if ( eval(c) == "" ) { document.write("ERROR: onbekende variable"); } else { document.write(eval(c)); |
zover was ik zelf al maar dit werkt dus niet :')
| 1 2 3 4 5 6 | { //error } else { //jee } |
Zoiets?
quote:Waarom gebruik je eval?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
quote:Omdat ik niet de waarde van c wil, maar de waarde van de variable met als naam (c).
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 ]
| 1 2 3 4 5 6 | { document.write("ERROR: onbekende variable"); } else { document.write(eval(c)); } |
Net even wat rondgetest, dit doet volgens mij wat je wil?
Komt wel kritisch met de spaties overigens
. Hoop van geleerd iig.over anderhalve week wil ik 'm de lucht in hebben.
quote: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.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
quote:Het werkt in firefox, en dat is genoeg, want het was voor een greasemonkey scriptje!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.
quote:12 installs in één dag is toch best goed volgens mijOp 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!
quote:Als het niet lukt, maak dan een achtergrondplaatje met de tekst 'wachtwoord' dat verdwijnt als je er op klikt?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
quote:onclick='this.class='bg.png' , en dan anders de class='textbg.png' bijvoorbeeld?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?
quote:className @ javascriptOp donderdag 14 februari 2008 21:26 schreef Flaccid het volgende:
[..]
onclick='this.class='bg.png' , en dan anders de class='textbg.png' bijvoorbeeld?
maar idd, zo kun je het aanpakken
Doet dit niet zoiets?
quote:Bij A List Apart staat een mooie oplossing beschreven: http://www.alistapart.com(...)formsmoreaccessible/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
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 | for(x=180;x>0;x=x-30) { newleft = parseInt(document.getElementById('bar').style.left); if (newleft > 0) { break; } window.setTimeout('step(' + x + ')', x); } } function right(max) { for(x=180;x>0;x=x-30) { newleft = parseInt(document.getElementById('bar').style.left); newright = newleft + max; if (newright < 700) { break; } window.setTimeout('step(-' + x + ')', x); } } function step(step) { document.getElementById('bar').style.left = parseInt(document.getElementById('bar').style.left) + step; } |
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?
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 =
quote:>= betekent wat anders dan >, dus lijkt me stug.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 =
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
)quote:Dat is onzin. Je moet natuurlijk wel goed letten op het verschil tussen = en ==.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 =
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.
quote:Bij = en == klopt het wel.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.
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.
< betekent kleiner dan
<= kleiner dan of gelijk aan
> groter dan
>= groter dan of gelijk aan
Nogal een verschil dus
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 ]
quote:Lijkt me ook niet. Wat is 't probleem dan? Heb je een voorbeeld online?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?
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.
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.
quote: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.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.
Moet toch maar es PHP onder de knie zien te krijgen. Dan heb ik helemaal geen iframes meer nodig.
quote:Doen!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.
Waarom doet http://www.dumpzooi.nl/v2/TEST.php het wel in IE7, maar niet in Firefox?
quote:Omdat document.all false oplevert in Firefox?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?
quote:aah me is not so smartOp donderdag 13 maart 2008 13:11 schreef SuperRembo het volgende:
[..]
Omdat document.all false oplevert in Firefox?
maar het werkt idd 
Ik heb de volgende code, die geeft mij 3 alert venstertjes met 255, 123 en 88
goed dus| 1 2 3 4 5 | 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 | 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 | 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 |
[ Bericht 17% gewijzigd door wobbel op 13-03-2008 22:34:00 ]
Is dat uberhaupt mogelijk? document.getElementById('element').innerHTML.src='path/naar/html' werkt niet in ieder geval
quote:document.getElementById('element').innerHTML=document.getElementById('element_met_src').src;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
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');" />
quote:Wat je wilt is een javascript include.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
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.
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
Bedankt!
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 | var item_array=(one,two,three,for,five,six); foreach value as value{ if value!=class{ document.getElementById(value).className='off'; }else{ document.getelementById(value).className='on'; } } } |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | 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]); } |
quote:Bedankt.
| 1 2 3 4 5 6 7 8 9 10 11 12 | var items=['one','two','three','four','five','six']; for (var i in items) { if (items[i]==main) { document.getElementById(main).className="on"; }else{ document.getElementById(main).className="off"; } } } |
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 ]
)http://www.dumpzooi.nl/v2/TEST.php
quote:Omdat het vanaf veel verschillende locaties geincluded moet wordenOp maandag 17 maart 2008 21:16 schreef Swetsenegger het volgende:
waarom gebruik je niet gewoon de marquee tag?
quote:en <!--#include virtual:"lala.html" --> of <?php include("lala.php"); ?> is beide geen optie?Op maandag 17 maart 2008 21:29 schreef wobbel het volgende:
[..]
Omdat het vanaf veel verschillende locaties geincluded moet worden
-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.
it's not a bug, it's a feature
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 ]
quote: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.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>
Maar wat wil je hier precies mee?
quote:out-links bijhouden gok ik.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?
Of mensen voor de gek houden?:P
Overigens is een href icm onClick helemaal niet fout imho location.href zou dan ook moeten werken maar toch gaat er iets fout
quote:Waarom niet zo?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>
| 1 |
quote:firefox mayby? @ statusbalkOp woensdag 19 maart 2008 16:56 schreef SuperRembo het volgende:
[..]
Waarom niet zo?
[ code verwijderd ]
quote:Location.href is het volledige adres, inclusief domein. Nee dus.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
Kan wel dus, maar dan moet je ook je domein erbij zetten.
En leg eens uit waarom dit gunstig zou zijn voor SEO?
Omdat de link uit de HREF gefilterd wordt en de onclick zorgt voor het tellen van de hit
quote: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.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 :)
WAT werkt er eigenljik niet, want dit werkt prima?
| 1 |
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 ]
quote:IE vraagt dat standaard bij lokaal gehoste scripts, maar ondersteunt javascript verder redelijk goed. Net als firefox.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.
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.
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:Ok nu snap ik ook een beetje wat hij wil.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 ]
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:Ik gebruik geen http:// maar alleen een / dit werkt nogmaal heel goed maar nu blijkbaar nietOp 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 ]
| 1 |
quote:Nee omdat je location.href gebruikt, ofwel de gehéle url.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
http://www.w3schools.com/htmldom/dom_obj_location.asp
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.
quote:He dat klopt. Kheb de zaak online gezet, aldaar vraagt ie niet om een scriptOp 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.
. 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:Hm de combi java/css dat je nu weergeeft begrijp ik niet helemaal. Hoe eenvoudiger hoe beter.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.
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.
quote:Waar staat het?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
Kan ik dit voorkomen?
Geen idee namelijk hoe dreamweaver dat ding heeft toegevoegd...
Dan maar zonder geluidjes
Edit: Btw mcdavid, kheb je knipoog opgemerkt
.Enneuh, java is iets compleet anders.
quote:Gezien en weer wat geleerd, hoe kan ik dan een url zonder het domein te specificeren linken naar de root van het domein / index.phpOp 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
zoals in mijn voorbeeld! 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:Ja ho even 3x is wel genoeg hoor.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
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 | ...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?
omdat ik altijd vergeet in mijn bookmarks te kijken en ik deze topic altijd kwijtraak =)| 1 |
doet het niet... Weet iemand waarom?
quote:Owja. Het werkt. Nu nog een email validation dingetje....Op zaterdag 22 maart 2008 15:04 schreef DionysuZ het volgende:
this.className
quote:met javascript client side?Op zaterdag 22 maart 2008 15:25 schreef Flaccid het volgende:
[..]
Owja. Het werkt. Nu nog een email validation dingetje....
quote:of serverside met php?var emailRegxp = /^([\w]+)(.[\w]+)*@([\w]+)(.[\w]{2,3})
{1,2}$/;
if (emailRegxp.test(email) != true) {}
quote:if (!eregi("^[_\.0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-z]{2,3}$",$email) { }
quote:Ik denk php, omdat er toch een send scriptje achter zit!Op zaterdag 22 maart 2008 15:35 schreef DionysuZ het volgende:
[..]
met javascript client side?
[..]
of serverside met php?
[..]
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?
quote:Als dit mogelijk zou zijn dan had ik het vast al wel eens gezien bij een reclame popup.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?
quote:Is dat handig, dat mootools?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
| 1 |
Wat is hier mis mee? Hij werkt, maar als ik google op rolloverimage, dan doen ze het met veel meer code
En wat betekend dit
end of file reached in invalid state for current encoding
quote: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.Op dinsdag 1 april 2008 09:45 schreef mcDavid het volgende:
<img onload="functie()" <src="#">
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: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?wanneer JavaScript uit zou staan in de browser van de gebruiker het
formulier ook verstuurd moet kunnen worden (gebruik het onsubmit
event).
hele opdracht staat hier: http://essek.nl/fok/oefentoets.pdf
(het gaat mij dus alleen om dat laatste punt, de rest geloof ik wel)
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?
Al over nagedacht wat er gebeurt als mensen met greasemonkey je functies aan gaan passen?
quote:Het is niet wat je denkt...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?
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.
quote:Ja die bestaat: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?
| 1 |
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 | { ToonOnderdeelX(); } |
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?
Lightbox v2.04 gedownload. Je krijgt een aantal JS bestanden, plaatjes en wat CSS informatie. De te volgen stappen:
quote:Nadat ik deze stappen heb gevolgd ziet mijn HTML en CSS bestand er zo uit: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!
| 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 | <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 | 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 ]
| 1 |
Maar dat werkt niet. Hoe krijg ik dit werkende?
quote:die 10 moet 79,00.Op woensdag 30 april 2008 20:00 schreef Chandler het volgende:
onchange="document.price.value=this.value*10"
Textbox, onchange verandert een andere textbox met de waarde van 79 maal de waarde in jouw textbox.Totaalprijs dus
| 1 |
Maar dan ga ik er van uit dat je het bedrag met een decimale punt invoert, niet met een komma.
quote:Bedrag is een vaste waarde, 79.00Op 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.
| 1 |
| 1 2 | <td width="115"><input disabled="disabled" class="number" name="price" size="5" /></td> |
WErkt niet
quote:Great!Op woensdag 30 april 2008 23:35 schreef SuperRembo het volgende:
S-je vergeten, 't moet document.forms[0] zijn.
| 1 2 3 4 5 6 7 8 9 10 | { 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 ]
| 1 |
| 1 2 3 4 5 6 7 8 9 | { var quantity = parseInt(quantityField.value); if (isNaN(quantity)) quantity = 0; var price = quantity * 79; document.forms[0].elements['price'].value = '¤ ' + price + ',00' } |
quote:hulde!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 ]
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..
quote:Dat iets niet lukt is inderdaad een bekend probleem.Op vrijdag 2 mei 2008 16:50 schreef Ewaldus het volgende:
[...] het niet lukt. Is dit een bekend probleem[...]
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 ]
quote:Ben wel benieuwd hoe je het dan gedaan hebt?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.
quote:Om die invoervelden te automatisch aan te laten maken (optie 3 en meer) heb ik het volgende gebruikt:Op maandag 5 mei 2008 00:58 schreef Flaccid het volgende:
[..]
Ben wel benieuwd hoe je het dan gedaan hebt?
| 1 2 3 4 5 6 7 8 9 10 11 | $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.
| 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 | <script language="JavaScript"> function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (document.body.filters)) { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" img.outerHTML = strNewHTML i = i-1 } } } } window.attachEvent("onload", correctPNG); </script> <![endif]--> |
dit werkt perfect, alleen verneukt hij af en toe de image size :?
quote:Maar je zet er dus gewoon 10 in je bron. Als je nu 11 antwoorden heb?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.
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 titel = d.title.value; afkort = "string 1" + titel + "string 2"; |
Wat doe ik fout?
| 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 | 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
oude situatie:
| 1 |
nieuwe situatie:
| 1 |
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?
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:Spammailtje: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)
quote:Javascript:crawl-66-249-72-9.googlebot.com
Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!-- function MM_validateForm() { //v4.0 if (document.getElementById){ var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments; for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]); if (val) { nm=val.name; if ((val=val.value)!="") { if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@'); if (p<1 || p==(val.length-1)) errors+='- '+nm+' dient een correct e-mailadres te bevatten.\n'; } else if (test!='R') { num = parseFloat(val); if (isNaN(val)) errors+='- '+nm+' must contain a number.\n'; if (test.indexOf('inRange') != -1) { p=test.indexOf(':'); min=test.substring(8,p); max=test.substring(p+1); if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n'; } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' dient te worden ingevuld.\n'; } } if (errors) alert('Het contactformulier is niet correct ingevuld:\n'+errors); document.MM_returnValue = (errors == ''); } } //--> </script> |
PHP
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | // 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 | margin-left: -5000px; position: absolute; } |
quote:als je wil dat google daar niet meer komt moet je ff een rel="nofollow" in je link naar 'contact' zettenOp 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 ]
<a href="Contact/contact.html">CONTACT</a>
\/
<a href="Contact/contact.html" rel="nofollow">CONTACT</a>
quote: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: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>
quote: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).llf520125.crawl.yahoo.net
Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)
Maw, ik begrijp het niet helemaal
.Overigens maken veel crawlers/spyders geen gebruik van het "rel" attribuut, vooral niet die wat bedoeld zijn voor spam.
quote:Ja, met PHP doen dus.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.
quote:En juist dat is je fout; niet alleen op Javascript rekenen om te kijken welke velden er allemaal ingevuld zijn, ook in PHP doen!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.
Gewoon checken op lege parameters!
quote:Op donderdag 12 juni 2008 12:41 schreef JJasperO het volgende:
Ok. Ook met PHP de zichtbare velden verplicht maken dus. Daar moet ik wel uitkomen. Dank je!
SuccesIk heb al heel wat scroll scripts gevonden, maar nog geen die dit kan. Weten jullie misschien een geschikt script?
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?
| 1 |
Ik heb het al geprobeerd via een 'sneeuwscript' maar kwam er helaas niet uit..
Simpel stukje script wat niet in Firefox werkt, wel in IE7
| 1 2 3 4 5 6 7 8 9 | function Process(selection){ var frm = document.getElementById("form7"); frm.txt_prijs.value = "¤ "+ selection; frm.txt_prijs.readOnly = true; } //--> </script> |
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 |
Iemand een idee wat er bij of anders moet voor de Gecko browsers?
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?
)Het lijkt erop dat selection niet gevuld wordt. Ik probeer het te alerten maar werkt niet (in IE7 wel)
| 1 2 3 4 5 | var selection = document.getElementById("prijs").value; document.getElementById("txt_prijs").value = "¤ "+ selection; document.getElementById("txt_prijs").readOnly = true; } |
quote:Dat iets bestaat in IE wil niet zeggen dat het ook in Fx bestaat.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é
Maar in jouw opvatting heb je wel gelijk ja.
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 | <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> |
Ik wil graag in case van IE6 of IE5 een alert met Javascript geven dat je beter kunt upgraden, hoe doe ik dit?
| 1 2 3 4 5 | <script type="text/javascript"> alert("de webmaster was niet capabel genoeg om deze site compatibel te maken met IE6, en verzoekt je om te upgraden, wat overigens sowieso een goed idee is.") </script> <![endif]--> |
ik neem aan dat dit een array is,
| 1 |
kan ik deze ook ergens defenieren en dan hergebruiken? zodat ik alleen
| 1 |
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 ]
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 ]
quote:Bedoel je een greasemonkey script?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?
stel ik heb het volgende:
| 1 2 3 | 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 | <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 | { 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? :(
quote:Wat werkt er niet aan je stuk code. Wat is de output, wat is de error etc.Op vrijdag 29 augustus 2008 10:48 schreef Chandler het volgende:
Een vraagje m.b.t het loopen van een array
stel ik heb het volgende:
[ code verwijderd ]
en wil dit graag als een tabel laten zien:
[ code verwijderd ]
hoe kan ik netjes door de array heen lopen en alle data in 1x plaatsen.. maar helaas werkt het volgende stuk code niet
[ code verwijderd ]
en zou iemand mij kunnen vertellen wat ik fout doe?
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]];
Dit gaat helemaal nergens over
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 | <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> |
quote:En wat nou als de lengte van je array langer is dan 8?Op vrijdag 29 augustus 2008 11:07 schreef Chandler het volgende:
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.
[ code verwijderd ]
[ Bericht 0% gewijzigd door #ANONIEM op 29-08-2008 11:32:06 ]
en tevens eenfunctie er van gemaakt waarbij ik de 1e gegeven op lengte controlleer (de rest is even lang)Je kunt het ook zo doen:
Omzetten van je data in php naar javascript:
| 1 2 3 4 5 6 7 | 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 | { 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 | <thead> <th>Datum</th> <th>Hits</th> <th>Unique</th> <th>Refs</th> </thead> </table> |
Dan kan je de tabel vullen met
| 1 |
| 1 2 3 4 5 6 7 8 9 10 11 | 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.
quote:Je hebt gelijk. Hoe kon ik zo in de war zijn?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.
Heb het inmiddels anders opgelost
quote:Dan weet je dat dit prima met HTML & CSS kan, tenzij je ook IE6 wilt ondersteunenOp maandag 8 september 2008 11:14 schreef donroyco het volgende:
ik heb geen reet verstand van JS, wel van HTML en CSS
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 | 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
quote:Nog een keer naar google, maar nu "suckerfish" intypen!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!
En voor de broodnodige javascript tutorials zou ik eens op www.w3schools.com kijken. Vooral de HTML-DOM is ook interessant.
quote:Idem aan mijn pseudo code boven, maar die doet geen clicksOp maandag 8 september 2008 11:27 schreef mcDavid het volgende:
Nog een keer naar google, maar nu "suckerfish" intypen!
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
quote:Daar doen ze het ook met javascript, dus ik zou zeggen check even de source.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
Hou er wel rekening mee dat je met javascript altijd de antwoorden kunt bekijken door de source tevoorschijn te toveren.
Iemand?
quote:Dat is geen imageviewer. Volgens mij gebruiken ze een carrousel picture viewer. Ik weet het niet zeker though.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!?
Iemand?
quote:http://www.lokeshdhakar.com/projects/lightbox2/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!?
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 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 |
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?
-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.
| 1 |
quote:Het kan ook netjes: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 ]
| 1 |
Een id attribute in html mag trouwens niet geheel numeriek zijn, een id moet namelijk beginnen met een letter.
quote:Super, daar doelde ik idd op! zal eens kijken wat ik er mee kan!
[..]
http://www.lokeshdhakar.com/projects/lightbox2/
Tnx!
quote:Onder welke steen heb je geleefd trouwens dat je niet weet dat dat ding een lightbox heet?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!
@SuperRembo hierboven: dank je voor deze wel nette oplossing
quote:Die steen die teveel informatie bevat dat hij niet op de naam kon komen
[..]
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
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?
- 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
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
quote: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.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
quote: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!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
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
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 | 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
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?
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 | 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...
quote:nope dan snapt'ie this.getElementsByTagName niet meer:
http://www.sitemasters.be/?pagina=overzicht/overzicht&cat=4&id=267 kan dat gewoon lijkt me?
Fout: this.getElementsByTagName is not a function
Bronbestand: http://duft.nl/zcflevo/menu_script.js
Regel: 17
Anyway thnx for trying!
| 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 | 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"; } |
quote: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 ]
.quote:uiteraard heeft die child-elementen, anders viel er niets uit te klappen (zie ook broncode).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
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...
quote:http://waynepan.com/wp-co(...)useover-example.htmlOp 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...
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
quote:hierOp woensdag 24 september 2008 22:01 schreef mcDavid het volgende:
[..]
:D! dat is humor :')
Ik ga nog ff puzzelen :P
| 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 | 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); } |
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 |
(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?
quote: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...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?
-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 ]
quote: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
quote: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).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...
| 1 |
Ik zal je tweede suggestie eens proberen.... al heb ik er een hard hoofd in dat het me gaat lukken :P
quote: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.
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. [...]
| 1 2 3 4 5 | <input type="submit" onclick="document.comments2.send_comment.value = document.comments.send_comment.value;" value="Preview" class="button" /> <input type="hidden" name="send_comment" value="" /> <input type="hidden" name="tid" value="<?=$tid?>" /> </form> |
Thanks!!
quote:Daar heb je ook wel een goed punt inderdaad!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.
Het zou handiger zijn om te zorgen dat er bij een preview een extra variable meegestuurd wordt die door het php-script herkend wordt.
| 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 | <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"; } ?> <!-- FORM 1 --> <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 2 --> <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 3 --> <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?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | { var forms = document.forms; for (var i = 1; i < forms.length; ++i) { var elms = forms[i].elements; for (var j = 0; j < elms.length; ++j) { forms[0].appendChild(elms[j]); } } forms[0].submit(); } |
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?
| 1 2 | 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?
quote:Regular expression icm replace()?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?
/testname:\(([a-z]+)\)/i
en getest met subject string: testname:(helloworld)
replacement text: testname:(woei)
op : http://www.regular-expressions.info/javascriptexample.html
| 1 |
Echter zit ik toch nog met een probleempje op een of andere manier
| 1 2 3 4 5 6 7 8 9 | // 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 |
Maar het vervangt geen tekst, krijg ook geen error
anyone?[ Bericht 87% gewijzigd door Chandler op 02-10-2008 12:48:20 ]
| 1 2 | alert('/foo/bar/'.replace(/foo/, 'FOO')); // regexp, geeft "/FOO/bar/" |
Je wil de regexp dynamisch opbouwen, dat kan ook:
| 1 |
| 1 |
ook zonder de \r\n werkt het niet, krijg trouwens ook geen foutmelding
| 1 2 3 4 5 | str = 'naamsborduring_naam:(abc ghi),\r\nnaamsborduring_kleur:(Standard),\r\nnaamsborduring_font:(standaard),'; str1 = 'naamsborduring_naam'; alert(str.replace(new RegExp(str1 + ':\(\w+\)'), "naamsborduring_naam:(woei)")) </script> |
Volledige versie
maar geen verandering \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 |
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
alleen voor escapen van de ( en ) maar verder niet. Ik zal eens verder spelen met je code! quote:In je regexp wil je een ( gebruiken,
ik wilde iig niet een slash gebruiken
dan moet in je rexexp \( staan,
dus de string waarmee je de regexp maakt wordt dan '\\('
Dit stukje Jscript heb ik in de popup:
| 1 2 3 4 5 | function AcceptImage(){ opener.document.form1.fObjImage.value = "$afbeelding"; window.close(); } |
en dit is de mbv PHP ge-uploade afbeelding:
| 1 |
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 :@
Je zult met PHP een stukje javascript moeten wegschrijven om de javascript variable te declareren. Bijvoorbeeld zoiets:
| 1 2 3 | echo "var afbeelding = {$afbeelding};" ; ?> |
quote:Nee daar dacht ik ook al aan, toen ik dit gepost had. Maar toen was ik al onderweg naar huis. Thnx voor meedenken iigOp maandag 6 oktober 2008 17:47 schreef mcDavid het volgende:
Je probeert met javascript een PHP-variable aan te spreken?
Je zult met PHP een stukje javascript moeten wegschrijven om de javascript variable te declareren. Bijvoorbeeld zoiets:
[ code verwijderd ]
quote:Vergeet de quotes niet, aangezien $afbeelding een string is denk ikOp maandag 6 oktober 2008 17:47 schreef mcDavid het volgende:
Je probeert met javascript een PHP-variable aan te spreken?
Je zult met PHP een stukje javascript moeten wegschrijven om de javascript variable te declareren. Bijvoorbeeld zoiets:
[ code verwijderd ]
| 1 2 3 4 5 6 | function AcceptImage(){ opener.document.form1.fObjImage.value = (afbeelding); window.close(); } </script> |
| 1 2 3 4 5 | <script language="javascript" type="text/javascript"> var afbeelding = "<?php echo "$afbeelding"; ?>"; </script> <?php |
:)
En datzelfde geldt voor ( en ) in: opener.document.form1.fObjImage.value = (afbeelding);
quote:hee en dan werkt het ook nogOp 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);
weer wat geleerd!quote: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.
quote: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?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.