Potverdikkie! post ik zonder het te weten de laatste reactie.. nahh dan maar ff nieuwe topic!
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)
#7 - [Javascript] voor dummies (deel 7)
#8 - [Javascript] voor dummies (deel 8)
#9 - [Javascript] voor dummies (deel 9)
Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
Mis je een link? Geef even een gil in het topic
Tutorials:
W3Schools Javascript
W3Schools AJAX
Let op! Verwijder je post niet.
Als je bijvoorbeeld zelf al een antwoord hebt gevonden, laat ons dan even weten hoe je het hebt opgelost.
Wel zo aardig.
Laatste posts uit het vorige topic:
{Hier de laatste twee posts uit het vorige topic}
Deze OP: http://wiki.fok.nl/index.php/OP/Javascript
[ Bericht 1% gewijzigd door Jo0Lz op 13-06-2010 10:15:10 ]
quote:Keb hem hier in FF getest, maar hier werkt hij niet:Op vrijdag 29 januari 2010 11:27 schreef Skonk het volgende:
Ons spelletje is af!
www.rockpaperscissorsultimate.tk
Ik zie btw dit:
quote:Werkt hier in FF/3.6.Op vrijdag 5 februari 2010 21:57 schreef Ericjuh het volgende:
[..]
Keb hem hier in FF getest, maar hier werkt hij niet:
Ik zie btw dit:
[ afbeelding ]
quote:3.5.7 heb ik hier btw.. voor de rest blokkeer ik geen javascript ofzo.
[edit]
Omg.. ik ben zo'n sukkel! lezen is moeilijk. Werkt inderdaad in FF. Vulde alleen mijn naam op de verkeerde plaatst in
Fail.quote:Misschien moet je vragen of ze er een bril bij kunnen leverenOp vrijdag 5 februari 2010 22:01 schreef Ericjuh het volgende:
Omg.. ik ben zo'n sukkel! lezen is moeilijk. Werkt inderdaad in FF. Vulde alleen mijn naam op de verkeerde plaatst in
quote:Op vrijdag 5 februari 2010 21:47 schreef Chandler het volgende:
Weet iemand een tutoriaal of kant en klaar scriptje dat het volgende doet / kan.
Ik wil plaatjes uit een ajax gegenereerde div kunnen slepen naar een textarea en dan op de positie plaatsen waar ik de cursus op los laat, dus niet achteraan toevoegt..
Anyone?
quote:gebruik firefox of chrome, die doen dat automagisch al
quote:automagisch?
[..]
gebruik firefox of chrome, die doen dat automagisch al
Eingelijk wil ik dat het plaatje dat naar de tekstarea getrokken wordt als code in de textarea verschijnt..
zo iets als dit dus:
http://ernestdelgado.com/articles/ddwdd/ maar dan ook werkend binnen IE
[ Bericht 15% gewijzigd door Chandler op 06-02-2010 10:05:51 ]
| 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 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Sleep afbeelding in input text field</title> <script type="text/javascript"> if(typeof window.ActiveXObject != 'undefined' && navigator.platform.indexOf('Win') != -1){ document.ondragstart = function(){ if(event.srcElement.nodeName == 'IMG'){ event.dataTransfer.setData('TEXT', '[img]' + event.srcElement.getAttribute('src') + '[/img]'); } } } </script> </head> <body> <img src="http://www.cartoons.be/wp-content/garfield.gif" alt="een willekeurig plaatje" /> <form action="" method="post"> <textarea name="haha"></textarea> </form> </body> </html> |
bron: http://www.webmastercity.nl/forum/viewtopic.php?p=243032#243032
| 1 2 | var LinknaarHuidigeOmgeving = Locatie.substring(Locatie.substr(0, 28) + Locatie.indexOf('/', 10) + 1, Locatie.indexOf('/', 31)) |
Deze wil ik combineren met:
| 1 |
Dat geeft me de juiste URL.
Maar hoe krijg ik deze in een <a href= DIE URL>
?
| 1 |
en van de bovenstaande dingen woord ik niet veel weizer.
ik wil voor de lol en om te leren een html pagina maken waar in ik een web adres kan invullen d.m..v. "form"en deze dan op dezelfde pagina kan zien met "iframe"
ik ben met html zeer goed mar met javascript nog niet echt.
ik dacht iets als:
| 1 2 3 4 5 6 7 8 9 10 | <input type="text" value="DOOR JAVA SCRIPT VERBORGEN DE TEXT : HTTP:// wat iemand in vult EN WEER DOOR JAVASCRIPT TEXT : .NL* "> <buttom name=submit value=modify> <script type="text/javascript" name="JAVASCRIPT NAAM1"> de code om de form dingen te doen </script> <script type="text/javascript" name="javascript code2"> de code om de input te kopieren naar javascript code3 </script> <iframe src="JAVASCRIPT CODE3"></iframe> |
HOOFDLETTER zijn dus dingen die ik niet weet enzo,
met een voorbeeld dat dit doet zal ik het ook snappen,
als iemand me kan helpen ben ik erg dankbaar.
2de hit op
"javascript iframe url navigation"
| 1 2 3 4 5 | <!-- function navigateUrl() { frames['iframeidorname'].location.href = document.form.text.value; } // --> </script> <form action="" enctype="application/x-www-form-urlencoded" method="post" name="form" onClick="navigateUrl();"> <label for="text">URL: </label> <input id="text" name="text" type="text"> </form> |
Deze code is alleen niet zo cross-platform.
Maar aangezien je 0.0% javascript ervaring hebt ga ik dat ook niet uitleggen.
Goed genoeg voor IE
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | window.addEvent('keydown', function(event){ if($('float')) { if (event.key == 'l' && event.shift){ if ($('float').hasClass('DivHidden')){ $('float').set('class', 'DivVisible') } else{ $('float').set('class', 'DivHidden') } } } }) }); |
Waarom werkt dit niet in IE8 maar wel in alle andere major browsers?
Ik wil een window openen vanaf een pagina en deze moet na 2 seconden weer sluiten.
Maar, hier het probleem, de popup is een externe pagina welke ik niet kan aanpassen.
quote:
| 1 2 | setTimeout(2000, function() { popupWindow.close(); }); |
Er zijn vast nog wel verbeteringen mogelijk.
De oplossing is misschien heeeeel eenvoudig maar alles wat ik probeer loopt op niets uit. :(
Ik heb een tabel die bestaat uit 3 rijen. Als iemand op bijv: rij 1 klikt moet hiervan de achtergrond kleur veranderen. Als men vervolgens op bijv: rij 3 klikt moet hiervan de achtergrond kleur veranderen en de rij die een andere achtergrond kleur heeft gekregen (zoals rij 1 hierboven) weer terug naar de standaard achtergrond kleur.
Dit is te vergelijken met wat er gebeurt met een 'dropdownlist'.
Heeft iemand een idee hoe ik dit kan doen?
Hier de pagina en hieronder mijn code voor de tabel:
| 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 | <HEAD> <STYLE TYPE="text/css"> <!-- tr.over { font-family:arial; font-size:12;background-color: #3399ff; color: #FFFFFF; } tr.out { font-family:arial; font-size:12;background-color: #FFFFFF; color: #000000; } --> </STYLE> <script type="text/javascript"> var url; function insertdata(link) { url = link } function showdata(){ return url; } </SCRIPT> </HEAD> <BODY> <table width=590 border=0 style="padding:0px; border-collapse: collapse;"> <tr><td>MAAK EEN KEUZE</td></tr> <tr class="out" onclick="insertdata('een.html');" onmouseover="className='over'; this.style.cursor='hand';" onmouseout="className='out';"> <td>een</td></tr> <tr class="out" onclick="insertdata('twee.html');" onmouseover="className='over'; this.style.cursor='hand';" onmouseout="className='out';"> <td>twee</td></tr> <tr class="out" onclick="insertdata('drie.html');" onmouseover="className='over'; this.style.cursor='hand';" onmouseout="className='out';"> <td>drie</td></tr> </table> <input type=button onClick="location.href=showdata();" value="Go >>"> </BODY> </HTML> |
Ik vraag me af waarom ik dit nog zeg ipv een linkje naar google te plaatsen...
quote:Ik heb het er in gezet en 'kleurtje' veranderd in 'red'. Helaas krijg ik een foutmelding datOp donderdag 11 maart 2010 17:40 schreef KomtTijd... het volgende:
euh, onclick=this.parentNode.getElementsByTagName('tr').style.background='none';this.style.background='kleurtje'
Ik vraag me af waarom ik dit nog zeg ipv een linkje naar google te plaatsen...
| 1 |
Blijkbaar krijgt hij de waarde van tr niet mee :S
Als ik de volgende code gebruik werkt het zoals ik wil. Omdat er uiteindelijk nogal wat rijen komen is dit geen goede oplossing. Hoe kan ik hiervan een functie maken? Wat javascript betreft ben ik echt een "Dummie"
| 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 | <head> </head> <body> <table> <tr id="1" onclick="this.style.backgroundColor='blue'; document.getElementById('2').style.backgroundColor='white'; document.getElementById('3').style.backgroundColor='white';"/> <td>Click to change the color</td> </tr> <tr id="2" onclick="this.style.backgroundColor='blue'; document.getElementById('1').style.backgroundColor='white'; document.getElementById('3').style.backgroundColor='white';"/> <td>Click to change the color</td> </tr> <tr id="3" onclick="this.style.backgroundColor='blue'; document.getElementById('1').style.backgroundColor='white'; document.getElementById('2').style.backgroundColor='white';"/> <td>Click to change the color</td> </tr> </table> </body> </html> |
[ Bericht 30% gewijzigd door Etimm op 11-03-2010 18:11:28 ]
Maak een functie die door alle tr's van je tabel loopt.
Geeft je tr's een id en bepaald daarop de kleur.
quote:Ja stupid getElementsByTagName geeft natuurlijk een array terug. Toch maar even een for-loop maken dus.
[..]
Ik heb het er in gezet en 'kleurtje' veranderd in 'red'. Helaas krijg ik een foutmelding dat
[ code verwijderd ]
leeg is.
Blijkbaar krijgt hij de waarde van tr niet mee :S
Als ik de volgende code gebruik werkt het zoals ik wil. Omdat er uiteindelijk nogal wat rijen komen is dit geen goede oplossing. Hoe kan ik hiervan een functie maken? Wat javascript betreft ben ik echt een "Dummie"
[ code verwijderd ]
quote:Hey, ik scheld jou toch ook niet uit?Op donderdag 11 maart 2010 18:19 schreef KomtTijd... het volgende:
[..]
Ja stupid getElementsByTagName geeft natuurlijk een array terug. Toch maar even een for-loop maken dus.
Zo "natuurlijk" is javascript niet voor mij en dat de functie getElementsByTagName een array geeft wist ik niet.
Wat voor resultaat moet er ipv 'td' komen dan? Wat moet ik met de for-loop voor resultaat geven? td[1]?
quote:kun je me een voorbeeldje geven? kan ik de tr's een zelfde id geven?Op donderdag 11 maart 2010 18:13 schreef Darkomen het volgende:
Doet moet je niet inline gaan doen.
Maak een functie die door alle tr's van je tabel loopt.
Geeft je tr's een id en bepaald daarop de kleur.
quote:http://w3schools.com/js/js_loop_for_in.asp alsjeblieft.
[..]
kun je me een voorbeeldje geven? kan ik de tr's een zelfde id geven?
En nee.
En stupid van mezelf bedoelde ik
Ik kon me vanmiddag echt niet meer concentreren dus ben ik zostraks maar wat anders gaan doen.
Gelukkig kreeg ik net weer inspiratie om overnieuw te beginnen. Ik ben wat verder maar niet alles werkt nog zoals ik dat wil:
Als ik op een regel klik dan stopt de mouseover. Helaas betekend dit gelijk dat deze ook stopt voor alle andere regels.
Hoe kan ik ervoor zorgen dat de mouseover alleen voor de geselecteerde regel stopt?Hier is de nieuwe versie en hieronder de code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <HEAD> <SCRIPT type="text/javascript"> var status=false; var wissel=false; function ChangeStatus(selected) { if (selected) { if (wissel) { status=false; wissel=false; } else { status=true; wissel=true; } } } function ChangeColor(tableRow, highLight) { if (status) { } else { if (highLight) { tableRow.style.backgroundColor = '#3399ff'; } else { tableRow.style.backgroundColor = 'white'; } } } </SCRIPT> </HEAD> <BODY> <table width=590 border=0 style="padding:0px; border-collapse: collapse;"> <tr><td>MAAK EEN KEUZE</td></tr> <tr onmouseover="ChangeColor(this, true);" onmouseout="ChangeColor(this, false);" onclick="ChangeColor(this, true); ChangeStatus(true);"> <td>een</td></tr> <tr onmouseover="ChangeColor(this, true);" onmouseout="ChangeColor(this, false);" onclick="ChangeColor(this, true); ChangeStatus(true);"> <td>twee</td></tr> <tr onmouseover="ChangeColor(this, true);" onmouseout="ChangeColor(this, false);" onclick="ChangeColor(this, true); ChangeStatus(true);"> <td>drie</td></tr> </table> <input type=button onClick="location.href='#';" value="Go >>"> </BODY> </HTML> |
[ Bericht 46% gewijzigd door Etimm op 12-03-2010 09:10:34 ]
Ik krijg het alleen niet voor elkaar in JS.....
| 1 2 3 4 5 6 7 8 9 10 11 12 | if($chk(this.value)){ var checkArray = this.value.split(' '); var liArray = $$('li').get('html'); liArray.each(function(el) { var check = checkArray.contains(el); if(check == '1'){ alert(el); } }); }; }); |
Cat is een invoerveld met waarden, als een waarde in Cat word getypt moet de li van CSS class veranderen. maar die li's hebben allemaal verschillende id's.
| 1 2 3 4 5 6 7 8 9 10 11 | var checkArray = this.value.split(' '); var liArray = $$('li').get('html'); liArray.each(function(el) { var check = checkArray.contains(el); if(check == '1'){ var liId = 'cat_' + el; $(liId).set('class', 'tagSelected'); } |
Ik ben al dichterbij!
Edit: hij werkt!
[ Bericht 11% gewijzigd door Sitethief op 24-03-2010 11:12:32 (werkend!) ]
Op basis van een adres dient een marker(zo'n bolletje) getoond te worden. Dit is de standaard google maps code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | var geocoder = null; function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(52.132633,5.291266), 13); map.setMapType(G_NORMAL_MAP); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); geocoder = new GClientGeocoder(); } } function showAddress(address) { if (geocoder) { geocoder.getLatLng( address, function(point) { if (!point) { alert(address + " not found"); } else { map.setCenter(point, 13); var marker = new GMarker(point); map.addOverlay(marker); marker.openInfoWindowHtml(address); } } ); } } |
Deze bevindt zich in de header. In de pagina zelf bevindt zich dan de volgende code:
| 1 2 3 4 5 6 7 | <form action="#" onsubmit="showAddress(this.address.value); return false"> <p> <input type="text" size="60" name="address" id="address" value="{$group->address}" /> <input type="submit" value="Go!" /> </p> <div id="map_canvas" style="width: 500px; height: 300px"></div> |
Dit werkt allemaal
. Probleem is alleen dat - vanzelfsprekend - de kaart pas wordt getoond als op Go! wordt geklikt.Dit wil ik anders, bij het laden van de pagina wil ik graag de kaart tonen.
Ik heb al zitten klooien met onLoad etc, maar mijn JS kennis is dermate beperkt dat ik het niet voor elkaar krijg. Lastige hierin is dat het om een dynamische website gaat en de value van address nog niet bekent is bij het laden van de code uit de header.
Hoe kan ik er dus voor zorgen dat die kaart meteen de marker toont?
Voorbeeldje van Google: http://code.google.com/in(...)eocoding-simple.html
Documentatie: http://code.google.com/in(...)tation/services.html
Je kunt toch gewoon een inline-script onder de inputs zetten, dat de functie showAddress() aanroept?
quote:Omdat ik een JavaScript n00b benOp donderdag 25 maart 2010 16:11 schreef KomtTijd... het volgende:
Ik snap niet helemaal waarom je dit via een formsubmit doet.
Je kunt toch gewoon een inline-script onder de inputs zetten, dat de functie showAddress() aanroept?
.Hoe moet ik dat voor me zien?
| 1 |
Wel zorgen dat je het een beetje onderaan zet, anders is je DOM nog niet compleet geladen, en loopt je script hierop vast.
Ben me een beetje aan het verdiepen in JavaScript, beginnende met de basics @ www.wc3schools.com
en ik loop bij het volgende vast:
| 1 2 3 | document.write(x); document.write("<br />"); |
Resultaat = 55
Hoe is dat 55? Ik weet dat het antwoord vast erg simpel is, maar toch zie ik 'm niet. Kan iemand mij een heldere uitleg geven? Bij voorbaat dank!
quote:Ah ik begrijp het nu. DankjeOp woensdag 7 april 2010 15:47 schreef KomtTijd... het volgende:
omdat een string "5" waar je nog een 5 achter zet, de string "55" oplevert.
[ Bericht 27% gewijzigd door D-Industries op 07-04-2010 15:51:15 ]
Ik zat te kijken naar een implementatie van Array.filter() op Mozilla Developer Center.
Ik vraag me af wat het nut is van de bitshift operatie op deze regel:
| 1 |
Kan iemand die met de code bekend is mij vertellen hoe ik de descriptions uit kan zetten? Ik kom er niet aan uit. Is een beetje lastig om hier de code te pasten als k niet weet welke het wel of niet is :p
Voor de rest wel werkend gekregen, prima uitleg op de site. Zou alleen graag van de description af willen (A).
edit: andere oplossing gevonden.
[ Bericht 23% gewijzigd door D-Industries op 09-04-2010 13:06:37 ]
Ik heb een javascript preloader die alle afbeeldingen op een pagina kunnen preloaden, echter krijg ik een error op een pagina met meer dan 600 afbeeldingen (in Google Chrome)
| 1 2 | queryLoader.js:48 |
Het is deze preloader
http://www.gayadesign.com(...)ur-website-in-style/
voorbeeld + download: http://www.gayadesign.com/scripts/queryLoader/
Anyone die hier eventueel een oplossing voor weet?
document.form{x}.submit(), of document.getelementby id
Maar het is geen goed idee, wat als de gebruiker een verkeerde keuze maakt, of via de pijltjes toetsen werkt.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | { case 'en': case 'nl': case 'de': case 'fr': case 'it': case 'es': case 'pt': case 'da': case 'sv': case 'no': case 'fi': case 'ru': cookieLanguage=userLanguage; break; default: cookieLanguage="en"; } |
Als userLanguage bv 'hu' is, komt er na de switch geen 'en' uit maar nog steeds 'hu' ?
quote:Dat is juist het idee, dat bij een onbekende taal gedefault wordt naar engels. Lijkt me.
-edit-
Na de switch lees je wel cookieLanguage uit, en niet per-ongeluk weer userLanguage?
Weet iemand of je met javascript het gateway adres van de client kan vinden?
Dus stel eerst is de vierde optie geselecteerd en dat wordt veranderd in de tweede optie. Dan is de huidige selectedIndex 1, maar ik wil dus de selectedIndex van daarvoor weten.
Kan ik die ergens terugvinden of moet ik ergens apart de huidige selecties opslaan?
Kan je die niet ophalen met een onclick?
| 1 2 3 4 5 6 | <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> |
Geeft 'Volvo' als je klikt, geeft 'Saab' als je 'Saab' kiest (met pijltjes dan
)Dus in de onclick vastleggen en in de onchange je waarde vastleggen.
is het mogelijk om een website alleen zichtbaar te laten zijn wanneer deze via een iframe (op een bepaalde website) wordt bezocht? Ik weet dat iframes niet ideaal zijn, maar het is in dit geval wel de beste oplossing. Alleen als je nu direct naar de betreffende website gaat is de layout een beetje kapot.
quote:Kan je daar eens een voorbeeld van geven? Ik zie zo 123 alleen scripts waar het andersom is.
ja, zoek eens naar javascript framebuster op google,. die scripts kan je ook zo schrijven dat hij alleen in een frame geladen mag worden.
Maar kijk het zo, de meeste busters tellen de frames om te zien of de pagina in een frame geladen word.
Hoe zou je dat omdraaien ;-)
Je moet er wel wat van leren he.
| 1 |
Ik vond wel
| 1 |
maar aangezien ik niets van javascript begrijp krijg ik hem niet aangepast. Kan iemand me helpen?
Edit: Nevermind, het is gelukt:
| 1 |
Dus stel ik heb een website van 4000px hoog en heb op 2000px een button staan, na het aanklikken van deze button moet een klein divje (400x400) in het midden van het scherm staat.. dus niet helemaal boven aan de pagina etc..
Anyone?
quote:Het midden van het scherm uitrekenen en dan de scroll positie daarbij optellen en daar je DIV positionerenOp vrijdag 21 mei 2010 08:44 schreef Chandler het volgende:
Weet iemand hoe ik een DIV kan positioneren in precies het midden van de browser ongeacht de positie (scroll) van de pagina...
Dus stel ik heb een website van 4000px hoog en heb op 2000px een button staan, na het aanklikken van deze button moet een klein divje (400x400) in het midden van het scherm staat.. dus niet helemaal boven aan de pagina etc..
Anyone?
quote:Of gewoon position:fixed; top:50%.
[..]
Het midden van het scherm uitrekenen en dan de scroll positie daarbij optellen en daar je DIV positioneren
quote:Dat werkt idd ook, maar niet in IE6 (dus de vraag is of je dat nog wil supporten)Op vrijdag 21 mei 2010 08:57 schreef KomtTijd... het volgende:
[..]
Of gewoon position:fixed; top:50%.
) het kan wel maar hoeft niet Wat bedoel je precies met Vieuwport? (het zichtbare gedeelte van de website in de browser?)
Zal eeens met jullie ideeen gaan spelen! Oh, en deze popup wordt opgeroepen op het moment van de click op een button, daarna moet deze dus in het midden van het scherm komen.
Maar goed, eerst het voorbeeld even proberen!
[edit]
Het werkt! tnx!
[ Bericht 25% gewijzigd door Chandler op 21-05-2010 11:07:15 ]
quote:Javascript for Dummies lezen. En ja, ik ben serieus
Hoe kan je eigenlijk het best beginnen met JavaScript?
quote:Klopt idd, simpel en duidelijk qua uitleg!
[..]
Javascript for Dummies lezen. En ja, ik ben serieus
ik heb php gebruikt om het gastenboek op te bouwen
ergens heb ik deze oplossing gezien
| 1 |
alleen komt de smile nergens terecht(error on page)
moet hier nog een javascript bij?
waar moet ik de bovenstaande regel neer zetten zodat de smiley in mijn textarea komt?
of is er een betere oplossing?
ik ben helemaal niet thuis in dit spul...dus ik probeer het te begrijpen
maar in de js files die ik in de source vind kan ik niet deze functie vinden
quote:Dat verklaart je error, ongetwijfeld iets als "call to unidentified function" ofzo... Je zult dus een functie moeten maken die die code invoegt in de textarea.
dus de functie addSmilie is een js
ik ben helemaal niet thuis in dit spul...dus ik probeer het te begrijpen
maar in de js files die ik in de source vind kan ik niet deze functie vinden
quote:found it!Op dinsdag 25 mei 2010 11:52 schreef KomtTijd... het volgende:
[..]
Dat verklaart je error, ongetwijfeld iets als "call to unidentified function" ofzo... Je zult dus een functie moeten maken die die code invoegt in de textarea.
stond niet in een js file maar ergens los in de html
had er dus overheen gelezen...
na de regel erin te hebben gezet werkt het...
alleen nu komt de smiley icoon niet in de tekst te staan..alleen het tekentje
zal nog wel ergens meer een regeltje bij moeten..ff verder zoeken
Ik kan toch nog wel wat hulp gebruiken
dit script heb ik nu toegevoegd
| 1 2 3 4 | var obj = document.getElementById('bericht'); if(obj){ obj.value += sText; |
de "shortcut" van het icoontje komt nu wel in textvak terecht
maar als ik het bericht kijk dan zit ik dus geen smiley maar de "shortcut"
hoe krijg ik het voor elkaar dat <img src='emoticons/lol.gif'> in mijn bericht komt te staan ipv bv :.)
[ Bericht 23% gewijzigd door MrNiles op 25-05-2010 12:35:40 ]
Een voorbeeld is hier te zien. Het gaat om als je "theoriemateriaal" helemaal onderaan aanklikt, dan fout hij hem uit zoals het hoort, alleen de breedte klopt niet i.t.t. de tbodies daarboven.
Dit is de JS:
| 1 2 3 4 | { ("los").select("[title='sub"+ID+"']")[i].style.display = "block"; } |
Dit is de CSS:
| 1 2 3 4 | { display: none; } |
quote:Door die shortcut toe te voegen aan de parser die op je server de berichten converteert?
[..]
found it!
stond niet in een js file maar ergens los in de html
had er dus overheen gelezen...
na de regel erin te hebben gezet werkt het...
alleen nu komt de smiley icoon niet in de tekst te staan..alleen het tekentje
zal nog wel ergens meer een regeltje bij moeten..ff verder zoeken
Ik kan toch nog wel wat hulp gebruiken
dit script heb ik nu toegevoegd
[ code verwijderd ]
de "shortcut" van het icoontje komt nu wel in textvak terecht
maar als ik het bericht kijk dan zit ik dus geen smiley maar de "shortcut"
hoe krijg ik het voor elkaar dat <img src='emoticons/lol.gif'> in mijn bericht komt te staan ipv bv :.)
-edit-
Aangezien die waarschijnlijk nog niet bestaat [
] heb ik ook daar wel een hint voor: http://nbbc.sourceforge.net/[ Bericht 10% gewijzigd door KomtTijd... op 25-05-2010 16:44:01 ]
n00b-alert.Ik kom er niet uit.
Ik heb een textarea en een knop.
| 1 2 | <input type="button" id="Genereer" value="genereer" onclick="Genereer()" /> |
Ik wil in een while loop telkens dezelfde letter aan het textarea toevoegen (vraag me niet waarom
).Duuuuus, denk ik, dan maak ik een textbuffer die telkens een letter aan een String variable toevoegt.
Als volgt:
| 1 2 3 4 5 6 7 8 9 10 11 | { var count = 1; while (count<=525) { buffer += invoer; } count++ } var buffer = ""; // is al ergens gedeclareerd. |
Dus om als ik om te testen op de knop klik, wil ik deze functie uitvoeren:
| 1 2 3 4 5 6 7 8 9 10 | { TextBuffer("a"); //als ie klaar is de gehele textarea aanpassen document.getElementById("postmessage").innerText = buffer; //voor de lol alles selecteren document.getElementById("postmessage").select(); } |
Er gebeurt dus eigenlijk niks als ik op de knop druk.
Ja de knop blijft even hangen en verder niets. (loopt zelfs vast als ik erna de pagina wil verversen).
Doe ik iets gruwelijk fout?
Edit: foutje aangepast
[ Bericht 1% gewijzigd door Crutch op 04-06-2010 23:26:09 ]
quote:Oh nee, dat klopt gewoon. Dat heb ik hier verkeerd aangegeven.
Je moet buffer += invoer doen, dat is de variable die hij meekrijgt, niet code.
quote:Nee, deze optie werkt. Getest en al.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | { this.buffer = []; } TextBuffer.prototype.append = function(string) { this.buffer.push(string); return this; } TextBuffer.prototype.toString = function() { return this.buffer.join(""); } |
Nu kan het zo:
| 1 2 3 4 5 | text.append("a"); document.print(text.toString()); |
| 1 2 | for (i=0;i<=525;i++) |
quote:Ja. Als je een variabelen buiten een functie definieert, is die ook in de functie bruikbaar. Ik declareer altijd eerst de variabelen en daarna de functies, of het andersom ook werkt weet ik niet.
Ik weet trouwens niet of globale variabelen in JS werken.
| 1 |
maar deze methode werkt niet met een link binnen de pagina (#welcome)
[ Bericht 50% gewijzigd door TwenteFC op 12-06-2010 19:18:22 ]
quote:Waarom verwijder je je post ipv het antwoord te plaatsen?
OP maar even aangepast in de Wiki.
Was gister een beetje gaar, omdat ik er de hele dag al mee bezig ben en het maar niet wou lukken. Javascript is een beetje nieuw voor me
| 1 2 3 4 5 6 7 8 9 10 11 | { if(array[ii].type == "checkbox") { var test = array[ii].value; } if(array[ii].type == "text"){ array[ii].value = test; } } |
Zo heb ik het nu gedaan.
Maar ik zit wel met een ander probleem nu:
| 1 |
De SubmitForm() functie word netjes uitgevoord, alleen er word geen 5 seconden gewacht. Wat is er fout getyped?
Blijkbaar moet je in greasemonkey SubmitForm typen ipv SubmitForm()
quote:Wees ervan bewust dat het vaker PHOX (Plaintext HTML Over XMLHTTPRequest) dan AJAX (Asynchronous Javascript And XML) is.Op zondag 13 juni 2010 15:01 schreef Crutch het volgende:
Ik ben nu pas AJAX aan het leren. Fucking geniaal
Hoe kan ik automatisch het type browser laten herkennen zodat ik de layout kan aanpassen naar een mobiel toestel bijvoorbeeld?
quote:Trollface, held
Ik zou je bijna moeten betalen voor al je tips
Ik plemp 'm even in het PHP-topic.
Op een van mijn pagina's heb ik dit:
| 1 2 3 4 5 6 7 8 9 | <div id="1">1</div> <div id="2">2</div> <div id="3">3</div> <div id="4">4</div> <div id="5">5</div> </div> |
Nu zou ik graag willen, dat als je met de muis over 1 van die div's gaat ( binnen de DIV plattegrond) dat hij een javascript functie aanroept (dus mouseover div 3 roept aan: checkPlaats(this.value)).
Iemand enig idee hoe ik dit moet gaan doen?
Werk het liefste met jQuery
Ik kan wel voor elke div een onmouseover=checkPlaats(ID); gaan doen, maar ik heb 350 van die divjes
| 1 2 3 4 5 6 7 | if($(this).attr('id')) { $(this).mouseover(function() { checkPlaats($(this).attr('id')); } ) ; } } ) ; |
[ Bericht 26% gewijzigd door Trollface. op 15-06-2010 23:26:18 ]
quote:Je wilde onmouseover als advies geven?
quote:Heb nu wel iets voor jeOp dinsdag 15 juni 2010 23:00 schreef wobbel het volgende:
[..]
Je wilde onmouseover als advies geven?
quote:Ik kan me vergissen, maar volgens mij levert $('div#plattegrond') altijd maar 1 div op.
En een id mag niet beginnen met een cijfer.
quote:In mijn ervaring doet het bij id's ook de onderliggende elementen selecteren... ik kan me ook vergissen though.Op dinsdag 15 juni 2010 23:08 schreef Light het volgende:
[..]
Ik kan me vergissen, maar volgens mij levert $('div#plattegrond') altijd maar 1 div op.
En een id mag niet beginnen met een cijfer.
quote:Ik weet het niet, maar ik zou het onlogisch vinden.Op dinsdag 15 juni 2010 23:13 schreef Trollface. het volgende:
[..]
In mijn ervaring doet het bij id's ook de onderliggende elementen selecteren... ik kan me ook vergissen though.
quote:Bij CSS selectors is het iig zo dat je bijOp dinsdag 15 juni 2010 23:15 schreef Light het volgende:
[..]
Ik weet het niet, maar ik zou het onlogisch vinden.
| 1 |
gewoon a#test kunt selecteren... in een CSS selector dan, weet niet in hoeverre een jQuery selector daarvan afwijkt?
quote:Nee, met a#test selecteer je de a-elementen met id "test". In jouw voorbeeld doet a#test dus niets. Dan moet je #test a gebruiken, voor alle a's in #test.
[..]
Bij CSS selectors is het iig zo dat je bij
[ code verwijderd ]
gewoon a#test kunt selecteren... in een CSS selector dan, weet niet in hoeverre een jQuery selector daarvan afwijkt?
quote:Oeps.Op dinsdag 15 juni 2010 23:22 schreef Light het volgende:
[..]
Nee, met a#test selecteer je de a-elementen met id "test". In jouw voorbeeld doet a#test dus niets. Dan moet je #test a gebruiken, voor alle a's in #test.
quote:Zie de aangepaste post van Trollface.
Maar hebben jullie al iets concreets voor mij te melden?
quote:Op woensdag 16 juni 2010 09:10 schreef Light het volgende:
[..]
Zie de aangepaste post van Trollface.
quote:
Dat Jquery is wel handig zeg, moet er ook maar eens wat meer naar kijken
quote:jQuery vind ik persoonlijk het fijnste framework dat er is, zeker vergeleken met mootools of prototype, als schijnt deze laatste veel meer te kunnen oid.Op woensdag 16 juni 2010 09:34 schreef Darkomen het volgende:
[..]
Dat Jquery is wel handig zeg, moet er ook maar eens wat meer naar kijken
@Trollface
HEEEEEL erg bedankt
kan ik er nu wat ajax achter donderen [ Bericht 22% gewijzigd door wobbel op 16-06-2010 09:58:11 ]
quote:Sja zo'n afweging is het altijd... en als de functies groter worden, is het de vraag of je nog wel met het framework uit de voeten kunt. Ik heb zelf tot nu toe nog nooit een framework of library gebruikt. Vooral omdat ik er nog nooit een toepassing voor gehad heb.
Ik heb er al veel van gezien, maar ik schrijf vrij veel zelf, en voor kleine functies wil ik niet gelijk een library erin gooien als is 24kb niet groot.
upperframe heeft als source http://pathnaarmijnserver/pagina.php
lowerframe heeft als source http://www.google.nl en als naam userRequest.
In pagina.php heb ik onload het volgende stukje simpele script:
| 1 |
Maar je raadt het al, het onderste frame reload niet. Is dit een security maatregel? Kan dat alleen als de source pages van het zelfde domein komen?
Ik heb 2 scripts :
Script 1
| 1 2 3 4 5 6 7 8 9 10 | function makesure() { if (confirm('Weet u het zeker? ')) { return true; } else { return false; } } </script> |
Script 2
| 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 | function makesure() { if (confirm('Weet u het zeker? ')) { return true; } else { return false; } } </script> <script language="Javascript"> <!-- function OnButton1() { document.Form1.action = "wijzig.php" document.Form1.submit(); // Submit the page return true; } function OnButton2() { document.Form1.action = "delete.php" document.Form1.submit(); // Submit the page return true; } --> </script> |
Deze twee zou ik kraag willen samenvoegen, dus als je op Confirm in script 1 drukt, dat script 2 word uitgevoerd.
Heb ze namelijk allebij nodig in een onclick event en kan kennelijk niet 2 onclick events in een button stoppen. Heb ook gezocht op google of dit mogelijk was maar daar kwam ik ook niet echt uit.
Dit samenvoegen leek me dus makkelijskte oplossing.
Als iemand me hiermee kan helpen, geweldig! een van me laatste functies en dan is me projectje voor school bijna klaar.
quote:Ow geniaal! zo had ik het niet geprobeerd. Werkt goed!Op donderdag 17 juni 2010 12:52 schreef Darkomen het volgende:
onclick="functie1();functie2();" geen probleem
edit: Ow helaas toch niet in mijn situatie, want als ik nu op annuleren druk dan voert hij het 2e script nog wel uit.
quote:
quote:was niet echt duidelijk dat je dat wildeOp donderdag 17 juni 2010 13:20 schreef Phoneutria het volgende:
[..]
Ow geniaal! zo had ik het niet geprobeerd. Werkt goed!
edit: Ow helaas toch niet in mijn situatie, want als ik nu op annuleren druk dan voert hij het 2e script nog wel uit.
maar je bent weer geholpen
Ziet iemand de fout in deze code?
| 1 2 3 4 5 6 7 8 9 10 11 12 | function limitText(limitField, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else (limitfield.value.length > 499 ); { alert ('teveel tekens'); } } </script> |
Hij werkt wel maar IE geeft elke keer een melding linksonder
Foutdetails webpagina
Bericht: 'limitfield' is niet gedefinieerd
Regel: 16
Teken: 7
Code: 0
URI: ---
Ik zou dit proberen:
| 1 2 3 4 5 6 7 8 9 10 11 12 | function limitText(limitField, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else if(limitField.value.length > 499 ) { alert ('teveel tekens'); } } </script> |
| 1 2 3 4 5 6 7 8 | var height; while(document.getElementById("carpet_container").clientHeight < unfold_heigth) { height = document.getElementById("carpet_container").clientHeight; document.getElementById("carpet_container").style.height = (height + 1)+"px"; wait(40); } } |
Werkt niet! Dit is natuurlijk dikke bullshit en ik snap er geen fuck van. Hij doet de while loop nu maar een keer in plaats van het gevraagde aantal.
Wat doe ik fout? Of moet ik dit in een thread zetten ofzo?
style.height is de enige die toeneemt, maar je while loop checkt alleen de clientHeight.
style.height in pixels, dus bv "100px" en client "100"
Maar als setter werkt clientHeight niet.
quote:Ah is die gewoon goed dus.
clientHeight geeft de waarde van de client als integer
style.height in pixels, dus bv "100px" en client "100"
Maar als setter werkt clientHeight niet.
quote:Alleen veranderd deze het stylesheet per kwartaal in plaats van per seizoen...<script type="text/javascript">
function load_css(url) {
var e = document.createElement("link");
e.href = url;
e.type = "text/css";
e.rel = "stylesheet";
e.media = "screen";
document.getElementsByTagName("head")[0].appendChild(e);
}
window.onload = function( ) {
var date = new Date;
var month = date.getMonth( ) + 1;
var Q = Math.floor( ( month ) / 3 ) + 1;
if ( Q == 5 ) { Q = 1; } // december fudge //
if ( Q == 1 ) { load_css("css/winter.css"); }
else if ( Q == 2 ) { load_css("lente.css"); }
else if ( Q == 3 ) { load_css("zomer.css"); }
else if ( Q == 4 ) { load_css("herfst.css"); }
}
</script>
Dus zou iemand mij kunnen helpen om te zorgen dat het echt per seizoen veranderd?
Op datum is lastiger, omdat die datum niet altijd hetzelfde is. Houd je er rekening mee dat op het zuidelijk halfrond de seizoenen precies omgedraaid zijn?
De betreffende code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <script src="jquery.smooth-scroll.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('li a').smoothScroll({ afterScroll: function() { /* location.hash = this.hash; */ } }); $('button.scrollsomething').click(function() { $.smoothScroll({ scrollElement: $('div.scrollme'), scrollTarget: '#findme' }); return false; }); }); </script> <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> |
Ik heb een script waarvan de bedoeling is dat als je straat + postcode + woonplaats intikt je automatisch de (Google Maps) latitude en longitude coördinaten krijgt in twee veldjes.
Als ik een alert meegeef in de function dan zie ik zodra ik iets typ in het adresveld wel dat hij getriggert wordt, alleen er gebeurt niks..
Ziet iemand van jullie een foutje in mijn 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 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 | type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>NVVGP - CMS</title> <link href="media/main.css" rel="stylesheet" type="text/css" /> </head> <body onload="initialize()" onunload="GUnload()"> <?php include 'includes/menu.php' ?> <script type="text/javascript"> var map = null; var geocoder = null; function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.4419, -122.1419), 1); map.setUIToDefault(); geocoder = new GClientGeocoder(); } } function showAddress() { var address = document.getElementById("straat") + ", " + document.getElementById("postcode") + ", " + document.getElementById("woonplaats"); if (geocoder) { geocoder.getLatLng( address, function(point) { if (!point) { //alert(address + " not found"); } else { map.setCenter(point, 15); var marker = new GMarker(point, {draggable: true}); map.addOverlay(marker); point = point.toString(); point = point.replace("(", ""); point = point.replace(")", ""); var latlong = point.split(", "); document.getElementById("lat").value = latlong[0]; document.getElementById("long").value = latlong[1]; GEvent.addListener(marker, "dragend", function() { marker.openInfoWindowHtml(marker.getLatLng().toUrlValue(6)); point = marker.getLatLng().toUrlValue(6); point = point.replace("(", ""); point = point.replace(")", ""); var latlong = point.split(","); document.getElementById("lat").value = latlong[0]; document.getElementById("long").value = latlong[1]; }); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(marker.getLatLng().toUrlValue(6)); point = marker.getLatLng().toUrlValue(6); point = point.replace("(", ""); point = point.replace(")", ""); var latlong = point.split(","); document.getElementById("lat").value = latlong[0]; document.getElementById("long").value = latlong[1]; }); GEvent.trigger(marker, "click"); } } ); } } </script> |
Géén idee wat hier fout gaat.
quote:Niks.
Thanks!!
Als je de form waar het adres in wordt getypt en waar de coördinaten tevoorschijn moeten komen ook nodig hebt roep je maar.
Fout: a is null
Bronbestand: http://maps.gstatic.com/i(...)0d/maps2.api/main.js
Regel: 260
-edit Ah Als je het map_canvas element hebt geeft hij ze ook terug in de vakjes
quote:Wat ging er nou precies fout dan?Op donderdag 12 augustus 2010 22:08 schreef Swetsenegger het volgende:
Maar eh... hij geeft geen lat en long terug, hij geeft gewoon een positie op de kaart terug he: http://test.xploise.nl/
-edit Ah Als je het map_canvas element hebt geeft hij ze ook terug in de vakjes
quote:Ik had eerst de div met id map_canvas er niet bij.Op donderdag 12 augustus 2010 22:12 schreef boem-dikkie het volgende:
[..]
Wat ging er nou precies fout dan?
quote:Nee, ik bedoel meer, waarom werkt hij nu bij jou wel en deed hij het bij mij niet.
[..]
Ik had eerst de div met id map_canvas er niet bij.
quote:Geen idee, ik heb eigenlijk alleen mijn key toegevoegd en de html voor het form en de map.Op donderdag 12 augustus 2010 22:16 schreef boem-dikkie het volgende:
[..]
Nee, ik bedoel meer, waarom werkt hij nu bij jou wel en deed hij het bij mij niet.
-edit- ow nee, ik heb deze regel aangepast want die klopte niet
| 1 |
quote:
Hoi!
[ code verwijderd ]
Werkt niet! Dit is natuurlijk dikke bullshit en ik snap er geen fuck van. Hij doet de while loop nu maar een keer in plaats van het gevraagde aantal.
Wat doe ik fout? Of moet ik dit in een thread zetten ofzo?
| 1 2 3 4 5 6 | if (!container) container = document.getElementById('carpet_container'); var height = container.clientHeight; if (height < unfold_height) { container.style.height = (height+1) + "px"; setTimeout(function(){unfoldCarpet(unfold_height, container);}, 40); }} |
quote:Toch vaag. Heb nu jouw code neergezet, de key veranderd en hij doet het nog niet.. als ik je code gewoon kopieer en ik maak er een hele nieuwe pagina van doet hij het opeens wél... Zal er toch iets fout gaan in de pagina waar ik het in heb zitten..
[..]
Geen idee, ik heb eigenlijk alleen mijn key toegevoegd en de html voor het form en de map.
-edit- ow nee, ik heb deze regel aangepast want die klopte niet
[ code verwijderd ]
quote:Je had je code ook in de body staan ipv in de header he.
[..]
Toch vaag. Heb nu jouw code neergezet, de key veranderd en hij doet het nog niet.. als ik je code gewoon kopieer en ik maak er een hele nieuwe pagina van doet hij het opeens wél... Zal er toch iets fout gaan in de pagina waar ik het in heb zitten..
quote:Dat heb ik al getest, werkt beide niet.
[..]
Je had je code ook in de body staan ipv in de header he.
quote:mail maar naar jeroen apedingus 123swets [punt} comOp donderdag 12 augustus 2010 22:47 schreef boem-dikkie het volgende:
Kan ik je via je website bereiken J. ? Dan stuur ik even de link van de pagina die niet werkt door, misschien dat je dan met CTRL-U nog aparte dingen tegenkomt.. pleur hem liever niet hier neer.
Ik vraag me alleen af: ik zie alleen functies voor het afspelen, pauzeren, volume wijzigen en spoelen... maar het zou ook leuk zijn om een level metertje te maken zodat je kunt zien hoe luid het geluid wordt afgespeeld. Ik bedoel niet simpelweg het volume, maar echt waarde van de luidheid op een bepaald moment, zodat ik een soort VU-metertje kan maken.
Heeft iemand een idee hoe je dat doet met een Audio object?
quote:Kijk eens hier naar.Op woensdag 18 augustus 2010 21:06 schreef Tijn het volgende:
Heeft iemand een idee hoe je dat doet met een Audio object?
Ik heb dus zoiets als
| 1 |
| 1 |
Enig idee waarom het onload event niet werkt?
Je zou misschien functies kunnen maken om de juiste tekstblokken te vullen en die functie dan via window.onload() aanroepen.
quote:Het lijkt me dat document.write deprecated is om script en opmaak niet door elkaar te weven.
Ik heb een pagina die verschillende talen moet tonen. Omdat het een embedded device is kan dat niet serverside maar alleen clientside.
Ik heb dus zoiets als
[ code verwijderd ]
Maar document.write is deprecated en je moet eigenlijk innerHTML gebruiken. Maar... dit werkt niet
[ code verwijderd ]
Verander ik de onload in onclick werkt het wel, na een klik uiteraard maar de tekst moet er natuurlijk direct staan.
Enig idee waarom het onload event niet werkt?
Als je het dan zo oplost, schiet je er nog niets mee op.
De juiste oplossing zou denk ik zijn de td een ID meegeven, en met document.onload een functie aanroepen die de tekst plaatst.
quote:Dat begrijp ik, maar de w3c houdt niet zoveel rekening met embedded devices.
[..]
Het lijkt me dat document.write deprecated is om script en opmaak niet door elkaar te weven.
Als je het dan zo oplost, schiet je er nog niets mee op.
quote:Ja, dat gaat dus niet. Maar waarom zou this.innerHTML niet werken?De juiste oplossing zou denk ik zijn de td een ID meegeven, en met document.onload een functie aanroepen die de tekst plaatst.
quote:Mjah, das gezeik. Ga ik de boel bij een volgend apparaat wel eens omgooien.
Kun je het onload event wel gebruiken op zo'n element? Ik denk het eigenlijk niet.
Je zou misschien functies kunnen maken om de juiste tekstblokken te vullen en die functie dan via window.onload() aanroepen.
quote:this.innerHTML werkt wel, maar zoals Tijn al zei, onload op een tablecell werkt niet. Enneuh, dan zou ik gewoon document.write gebruiken. 't is niet voor niets dat ze het "deprecaten" ipv rigoreus te verwijderen.
[..]
Dat begrijp ik, maar de w3c houdt niet zoveel rekening met embedded devices.
[..]
Ja, dat gaat dus niet. Maar waarom zou this.innerHTML niet werken?
quote:Maar ik gebruik liever geen deprecated code maar voorlopig doe ik het wel zo
Maar als het toch alleen maar op een bepaald type apparaat moet werken en document.write() doet wat je wil, dan is het toch goed zo? Zoveel beter is innerHTML nou ook weer niet
So far so good. Echter, zo'n wysiwyg-editor rendert onderhuids een iframe om opmaak te ondersteunen en dergelijke, en zoals je wellicht weet hebben zowel firefox als webkit een probleem op het moment dat een iframe verplaatst wordt binnen het DOM.
Als je dat namelijk doet herlaadt het iframe, en gevolg is dus dat de wysywig-editor onbruikbaar wordt en de content verdwijnt.
Met andere woorden, het verplaatsen van elementen met hierin een iframe binnen de pagina levert een onbruikbare interface op.
Heeft iemand hier toevallig al eens hetzelfde probleem gehad en een oplossing gevonden? Ik ben ten einde raad.
| 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 | { for(i = 1; i < 4; i++) { var a = {}; var e = 'date-'+i; a.e = 'y'; alert(a); var b = {}; var d = 'date-'+i+'-mm'; b.d = 'm'; var c = {}; var f = 'date-'+i+'-dd'; c.f = 'd'; var blaat = { formElements: {a, b, c}, showWeeks: true, statusFormat: "l-cc-sp-d-sp-F-sp-Y", noTodayButton: true }; datePickerController.createDatePicker(blaat); } } |
| 1 2 3 4 5 6 7 8 9 | { formElements: {"date-1":"Y", "date-1-mm":"m", "date-1-dd":"d"}, showWeeks: true, statusFormat: "l-cc-sp-d-sp-F-sp-Y", noTodayButton: true }; datePickerController.createDatePicker(blaat); |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | for(i = 1; i < 4; i++) { var formElements = []; formElements['date-'+i] = 'y'; formElements['date-'+i+'-mm'] = 'm'; formElements['date-'+i+'-dd'] = 'd'; var blaat = { formElements: formElements, showWeeks: true, statusFormat: "l-cc-sp-d-sp-F-sp-Y", noTodayButton: true }; datePickerController.createDatePicker(blaat); } } |
quote:Geweldig, hij doet het. Ik heb alleen nog de formElements-array moeten veranderen in een object
.| 1 2 3 | $(".pag").load('getinhoud.cfm?p=contact').show(); }); |
mijn javascript code die er voor zorgt dat ik in een <input type="text" /> textbox alleen maar cijfers kan typen werkt op de een of andere manier niet in mozilla firefox. Maar hij werkt wel in Google Chrome en Internet Explorer.
Weet iemand hoe ik dit kan oplossen.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function onlyNumbers(evt) { var e = event || evt; var charCode = e.which || e.keyCode; if (charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true; } <input type="text" name="NAAM" size="2" maxlength="2" onkeypress="return onlyNumbers();" /> |
quote:Watvoor foutmelding krijg je?
Hallo,
mijn javascript code die er voor zorgt dat ik in een <input type="text" /> textbox alleen maar cijfers kan typen werkt op de een of andere manier niet in mozilla firefox. Maar hij werkt wel in Google Chrome en Internet Explorer.
Weet iemand hoe ik dit kan oplossen.
[ code verwijderd ]
MVG
| 1 |
quote:Nice, thx broOp donderdag 7 oktober 2010 12:52 schreef FastFox91 het volgende:
Momentje googlen naar andere methode:
[ code verwijderd ]
quote:En hoever was je met debuggen?
Geen, firefox laat ook letters toe, en niet alleen nummers..
De functie wordt wel uitgevoerd?
Ik embed een Youtube-filmpje op een HTML-pagina.
Vervolgens druk op op pauze.
Kan ik dan met JavaScript het tijdstip op de tijdlijn achterhalen en in een <input type="text"> plaatsen?
Met onStateChange vang je de status op, als dat 2 is pak je de tijd met player.getCurrentTime() en dan moet je die waarde in de input.value stoppen.
quote:Ah cool, thanks.
http://code.google.com/in(...)s_api_reference.html
Met onStateChange vang je de status op, als dat 2 is pak je de tijd met player.getCurrentTime() en dan moet je die waarde in de input.value stoppen.
Ik krijg de tijd terug in seconden, dus nu moet ik even kijken of ik dat kan omzetten in minuten en seconden.
Dit werkt:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var tijd = Math.round(ytplayer.getCurrentTime()); var minuten = 0; var seconden = 0; var actueleTijd; while (tijd > 60) { minuten ++; tijd -= 60; } actueleTijd = minuten + ':' + tijd; alert(actueleTijd); } |
Trotse prutser hier.| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | var tijd = Math.round(ytplayer.getCurrentTime()); var minuten = 0; var seconden = 0; var actueleTijd; while (tijd > 60) { minuten ++; tijd -= 60; } if (tijd < 10) { seconden = '0' + tijd; } else { seconden = tijd; } actueleTijd = minuten + ':' + seconden; alert(actueleTijd); } |
Succes met prutsen.
Hoe kan dit? mijn code + gebruik van fok plaatjes is.
| 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 | <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> #photosDiv { width: 677px; height: 141px; background:#000000; overflow-y:hidden; overflow-x:scroll; min-width: 667px; white-space:nowrap; } #photos { width: 100%; height: 141px; background:#000000; text-align:left; white-space:nowrap; } #photos img { display:block; padding: 0px; border: 2px solid #ffffff; margin: 5px; float:left; } #photos img:hover { border: 2px solid #000; background: #fff; } </style> |
Javascript gedeelte
| 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 | <script type="text/javascript"> homeURL = 'http://localhost/'; maxThumbSize = 80; $(document).ready(function() { $('#btn').click(function() { $("#photos").empty(); $('img').each(function() { if ($(this).is('[src$=.gif],[src$=.Gif],[src$=.GIF],[src$=.jpg],[src$=.Jpg],[src$=.JPG],[src$=.png],[src$=.Png],[src$=.PNG]')) { if ($(this).attr('src').substring(0, homeURL.length) != homeURL) { newThumbHeight = 0; newThumbWidth = 0; fact = 0; if ($(this).attr('width') > $(this).attr('height')) { fact = $(this).attr('width') / maxThumbSize; newThumbHeight = Math.floor($(this).attr('height') / fact); newThumbWidth = maxThumbSize; } else { fact = $(this).attr('width') / maxThumbSize; newThumbHeight = maxThumbSize; newThumbWidth = Math.floor($(this).attr('width') / fact); } $("#photos").append('<img src="' + $(this).attr('src') + '" width="' + newThumbWidth + '" height="' + newThumbHeight + '" />'); } } }); }); }); </script> |
overige 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 | <body> <div id="photosDiv"> <div id="photos"> WHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAA </div> </div> <input id="btn" type="button" value="Maak gallerij" /> <br /> <img src="http://images.fok.nl/fp/icons/icon_politie1.jpg" /><br /> <img src="http://i.fokzine.net/usericons/54884/leslieavater.gif" /><br /> <img src="http://i.fokzine.net/usericons/205909/catty20.gif" /><br /> <img src="http://i.fokzine.net/upload/10/10/101030_15080_img-301010-025.onlineBild_1288432038.jpg" /><br /> <img src="http://i.fokzine.net/upload/10/10/101030_15080_img-301010-010.onlineBild_1288426893.jpg" /><br /> <img src="http://images.fok.nl/fp/icons/icon_algemeen5.jpg" /><br /> <img src="http://i.fokzine.net/upload/091211_195885_icon_museum2.jpg" /><br /> <img src="http://images.fok.nl/fp/icons/icon_onderwijs3.jpg" /><br /> <img src="http://i.fokzine.net/upload/081116_47501_icon_nederland1.jpg" /><br /> <img src="http://i.fokzine.net/upload/10/10/101030_112339_novum.10-30-2010.0112_1288423294.jpg" /><br /> <img src="http://i.fokzine.net/upload/10/10/101030_112339_img-291010-416.onlineBild_1288411042.jpg" /><br /> <img src="http://i.fokzine.net/upload/081116_47501_icon_internationaal3.jpg" /><br /> <img src="http://i.fok.nl/fp/icons/icoon_privacy01.jpg" /><br /> </body> </html> |
Ik heb overal al gekeken maar kan eingelijk niets vinden
[ Bericht 11% gewijzigd door Chandler op 31-10-2010 11:13:30 (mooier ontwerp) ]
Hoe komen die scrollbalken dan, en hoe had je ze willen hebben?quote:Op zaterdag 30 oktober 2010 12:10 schreef Chandler het volgende:
Dag allemaal, voor een eigen versie van mijn forum ben ik nu zelf ook een topic gallerij aan het maken en op zich wil het best lukken hoor. Via jQuery alle plaatjes uitlezen van externe hosters en deze resizen en in een DIV plaatsen. Maar nu zit ik met een probleem dat mijn scrollbars gewoon weer verkeerd komen.
Ik wil een horizontale balk hebben als de images > breedte van het scherm.. maar op een of andere manier krijg ik dat niet voor elkaar. Ook zou ik graag comments willen hebben op mijn JS code aangezien ik een beetje prutser ben
Dan moet je zorgen dat de div #photos breed genoeg is voor de foto's die je erin zet.quote:Op zondag 31 oktober 2010 13:50 schreef Chandler het volgende:
Hoi Light;
Ik wil een horizontale balk hebben als de images > breedte van het scherm.. maar op een of andere manier krijg ik dat niet voor elkaar.
Op zich ziet het er wel redelijk uit, maar ik mis nog een stukje code waarmee je voorkomt dat kleine plaatjes in de gallery verschijnen. Als iemand een linkje plaatst naarquote:Ook zou ik graag comments willen hebben op mijn JS code aangezien ik een beetje prutser ben
dan wil je niet dat het in de gallery verschijnt.Volgens mij is die breed genoeg want als je het scriptje probeert zie je eerst een hele lange tekst. Pas als ik op mijn button click om alle afbeeldingen in de gallerij te zetten dan verdwijnt de scroll balkquote:
Dan moet je zorgen dat de div #photos breed genoeg is voor de foto's die je erin zet.
True, daar ga ik even mee spelen!quote:Op zich ziet het er wel redelijk uit, maar ik mis nog een stukje code waarmee je voorkomt dat kleine plaatjes in de gallery verschijnen. Als iemand een linkje plaatst naar
[ afbeelding ]
De div #photos heeft een breedte van 100% (volgens de css). Dat is 100% van de omhullende div, die is 677 px breed. Dat je een scrollbalk krijgt als je een lange onzintekst zonder spaties invoert, komt enkel omdat overflow op auto staat en de regel niet kan worden afgebroken. Sowieso weet je vooraf nooit hoeveel plaatjes er in #photos komen en hoe breed die plaatjes zijn, dus je kunt #photos geen juiste breedte geven. Die breedte van 100% is een leuke beginwaarde, maar zeker geen eindwaarde.quote:
Volgens mij is die breed genoeg want als je het scriptje probeert zie je eerst een hele lange tekst. Pas als ik op mijn button click om alle afbeeldingen in de gallerij te zetten dan verdwijnt de scroll balk
Zie voorbeeld: http://www.bruggema.nl/lgb/test123.html
Als je die tekst niet zo idioot lang maakt (zet er eens wat spaties in) krijg je met tekst ook geen scrollbalk.quote:
Ok light, maar je zou denken dat als het voorbeeld met tekst wel scrollt en met plaatjes weer niet?
Die doet het niet. De plaatjes komen niet in de zwarte balk, de tekst verdwijnt wel.quote:Zie voorbeeld: http://www.bruggema.nl/lgb/test123.html
al snap ik niet waarom hij niet in firefox werkt!En als je plaatjes direct naast elkaar zet zou het moeten werken of zou ik nou juist die plaatjes weer in divs zetten? hoe doet fok dat?
Ik ook niet, ik constateer alleen maar.quote:Op maandag 1 november 2010 21:27 schreef Chandler het volgende:
@Light; hij werkt wel in IE & Chrome?
Zo te zien met een tabel. En plaatjes naast elkaar, al dan niet in een div, komen nog steeds onder elkaar als er niet genoeg ruimte is om naast elkaar komen.quote:En als je plaatjes direct naast elkaar zet zou het moeten werken of zou ik nou juist die plaatjes weer in divs zetten? hoe doet fok dat?
al snap ik niet waarom ik in firefox nog steeds geen afbeeldingen zie? 
krijg dit als foutcode.| 1 2 3 | Bronbestand: file:///C:/test123.html Regel: 0 |
en dat meerdere malen
Het gaat mis op de blokjes [src$=.gif], daar moet je wat quotes bijzetten. Maar het is geen handige methode, want je mist nog best veel mogelijke extensies.quote:Op dinsdag 2 november 2010 21:03 schreef Chandler het volgende:
Ik heb de versie geupdated zodat hij een minimum aan width/height aanhoudt, echter kan ik maar niet achter halen waar het probleem m.b.t. firefox zit... lijkt wel of het een jquery probleem is
[ code verwijderd ]
en dat meerdere malen
Je javascriptcode een beetje aangepast (en nu werkend in Firefox)
| 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 | maxThumbSize = 80; minImageSize = 30; validExtensions = ['gif', 'jpg', 'png']; $(document).ready(function() { $('#btn').click(function() { $("#photos").empty(); $("#photos").append("<table><tr>"); $('img').each(function() { src = $(this).attr('src'); ext = src.substring(src.lastIndexOf('.', src) + 1).toLowerCase(); if($.inArray(ext, validExtensions)) { if ($(this).attr('src').substring(0, homeURL.length) != homeURL) { if ($(this).attr('width') > minImageSize || $(this).attr('height') > minImageSize) { newThumbHeight = 0; newThumbWidth = 0; fact = 0; if ($(this).attr('width') > $(this).attr('height')) { fact = $(this).attr('width') / maxThumbSize; newThumbHeight = Math.floor($(this).attr('height') / fact); newThumbWidth = maxThumbSize; } else { fact = $(this).attr('width') / maxThumbSize; newThumbHeight = maxThumbSize; newThumbWidth = Math.floor($(this).attr('width') / fact); } $("#photos").append('<td><img src="' + $(this).attr('src') + '" width="' + newThumbWidth + '" height="' + newThumbHeight + '" /><br /><a href="' + $(this).attr('src') + '" target="_blank">>></a></td>'); } } } }); $("#photos").append("</tr></table>"); }); }); |
De klant wil graag dat op het moment dat de gebruiker de pagina sluit, of wegnavigeert, er een popup (in de vorm van een jQuery dialogbox) verschijnt waarin de gebruiker gevraagd wordt of hij/zij geabonneerd wil worden op de nieuwsbrief (nogmaals:
).Het uitvoeren van javascriptcode op het moment dat de gebruiker wegnavigeert is niet zo lastig, maar is het ook mogelijk te voorkomen dat de unload van de pagina daadwerkelijk plaats vind?
Ik denk dat het niet te voorkomen is, dus zou je een nieuw venster (popup ofzo) moeten openen. En dan vraag ik me ook nog af of het wel mogelijk is om te achterhalen of iemand naar een andere pagina binnen de site gaat of naar een andere site (of het venster gewoon sluit).quote:
Ik schaam me diep dat ik deze vraag hier uberhaupt stel, en ik ben er zelf ook heftig op tegen, maar helaas is de klant koning en zal ik het toch moeten proberen. Here goes:
De klant wil graag dat op het moment dat de gebruiker de pagina sluit, of wegnavigeert, er een popup (in de vorm van een jQuery dialogbox) verschijnt waarin de gebruiker gevraagd wordt of hij/zij geabonneerd wil worden op de nieuwsbrief (nogmaals:
Het uitvoeren van javascriptcode op het moment dat de gebruiker wegnavigeert is niet zo lastig, maar is het ook mogelijk te voorkomen dat de unload van de pagina daadwerkelijk plaats vind?
Afgezien daarvan moet je het imho ook helemaal niet willen. Als een bezoeker van een site wegnavigeert en je probeert hem dan op de site te houden, zal zo'n gebruiker dat niet echt kunnen waarderen. Dat wordt nog minder als je dat bij iedere keer dat de bezoeker de site bezoekt weer gaat vragen. En iemand die de nieuwsbrief al ontvangt, moet je er helemaal niet mee lastigvallen. Bijkomend punt is dat je niet weet of iemand wel of niet geabonneerd is op de nieuwsbrief.
Beste reden om het niet te bouwen is dat het niet kan.
Helemaal mee eens, maar als je klant het blijft willen, dan kun je ethische argumenten aandragen wat je wilt, uiteindelijk moet je het helaas gewoon doen. Klant komt er zelf ook wel een keer achter dat de bezoekersaantallen kelderen, ik ga gewoon als een dom schaap die functie proberen te bouwen nu.quote:
[..]
Afgezien daarvan moet je het imho ook helemaal niet willen. Als een bezoeker van een site wegnavigeert en je probeert hem dan op de site te houden, zal zo'n gebruiker dat niet echt kunnen waarderen. Dat wordt nog minder als je dat bij iedere keer dat de bezoeker de site bezoekt weer gaat vragen. En iemand die de nieuwsbrief al ontvangt, moet je er helemaal niet mee lastigvallen. Bijkomend punt is dat je niet weet of iemand wel of niet geabonneerd is op de nieuwsbrief.
Beste reden om het niet te bouwen is dat het niet kan.
Succesquote:
[..]
Helemaal mee eens, maar als je klant het blijft willen, dan kun je ethische argumenten aandragen wat je wilt, uiteindelijk moet je het helaas gewoon doen. Klant komt er zelf ook wel een keer achter dat de bezoekersaantallen kelderen, ik ga gewoon als een dom schaap die functie proberen te bouwen nu.
Kijk ook nog even bij het linkje in m'n vorige post, daar staat dat het niet mogelijk is te achterhalen waar iemand naartoe navigeert als onunload wordt aangeroepen. 
Probeer NitobiBug.quote:
Ik zoek een debugger die code klaarmaakt voor iedere browser, gericht op Javascript, hebben jullie namen?
De site zegt niets over de ondersteuning van Chrome, het wordt dus 'op goed geluk'...
Bedoel je niet gewoon Ctrl+shift+J?quote:
Ik zoek een debugger die code klaarmaakt voor iedere browser, gericht op Javascript, hebben jullie namen?
Hoe doe ik dat?
Ik kan geen pauzefunctie vinden behalve setTimeout, maar die vereist een functie.
Ik heb nu dit bedacht:quote:
Ik wil graag binnenin een for- of whileloop een minpauze inlassen alvorens de volgende herhaling van de loop wordt gedaan.
Hoe doe ik dat?
Ik kan geen pauzefunctie vinden behalve setTimeout, maar die vereist een functie.
| 1 2 3 4 5 6 7 | function start() { setTimeout( "end();", 3000); } function end() { // steek een vinger in je hol } |
Dus zou ik op ieder gewild moment een pause van 3 sec kunnen invoegen met start();
Maar nee dus.
Nee, want setTimeout plaatst de aan te roepen functie in een aparte thread zodat de rest van de applicatie door kan lopen. Tenzij je de code die uitgevoerd moet worden na de pauze in de functie end(); stopt gaat dat niet werken. Punt is dat je hoofdthread van een JS-script niet wílt pauzeren omdat de browser hangt in die tijd.quote:
[..]
Ik heb nu dit bedacht:
[ code verwijderd ]
Dus zou ik op ieder gewild moment een pause van 3 sec kunnen invoegen met start();
Maar nee dus.
Volgensmij hangen browsers inderdaad gewoon zolang ze bezig zijn scripts uit te voeren, tenzij deze expliciet in een aparte thread geplaatst worden. De meeste scripts echter zijn niet zodanig groot dat je dat gaat merken tijdens het laden van een pagina. JS-engines van tegenwoordig zijn over het algemeen bloedjesnelquote:
Doet Javascript dat met alle functies binnenin een loop?
jQuery doet zijn ding dus gewoon in een aparte thread, wel relaxed eigenlijk en ik had dat meteen moeten doen.quote:
[..]
Volgensmij hangen browsers inderdaad gewoon zolang ze bezig zijn scripts uit te voeren, tenzij deze expliciet in een aparte thread geplaatst worden. De meeste scripts echter zijn niet zodanig groot dat je dat gaat merken tijdens het laden van een pagina. JS-engines van tegenwoordig zijn over het algemeen bloedjesnel
Dan kun je nog eens meerdere funties tegelijk afvuren.
Zijn hier nog andere methodes voor? Ik zat zelf al te denken aan een eenvoudige Flash slideshow maar waar je bij Google prima kunt zoeken op "jquery slideshow", naar "flash slideshow" is al een stuk lastiger omdat er zoveel "free flash slideshow" sites zijn die, op z'n zachts gezegd, behoorlijk twijfelachtig zijn.
1000x800 is niet bepaald groot, ik heb al meerdere slideshows en brandboxes van dat formaat feilloos werkend gekregen. Gebruik je een bepaalde jQuery plugin of heb je het zelf geschreven?quote:
Over jQuery gesproken. Ik probeer een leuke slideshow te maken van wat foto's maar al gauw wordt dit erg zwaar voor met name IE. Het zijn namelijk erg grote foto's (c.a. 1000x800) die ik met het "Ken Burns effect" in elkaar wil laten overlopen.
Zijn hier nog andere methodes voor? Ik zat zelf al te denken aan een eenvoudige Flash slideshow maar waar je bij Google prima kunt zoeken op "jquery slideshow", naar "flash slideshow" is al een stuk lastiger omdat er zoveel "free flash slideshow" sites zijn die, op z'n zachts gezegd, behoorlijk twijfelachtig zijn.
Misschien is het hele zoomen en faden te zwaar bij een dergelijke resolutie? Of het is de plugin natuurlijk ja
Hmm. Javascript en Transparency. Bij uitstek 2 dingen waar IE gigantisch slecht in is. Ik denk dat je het beste de browser maar de schuld kunt geven, en maar accepteren dat het in IE kut werkt. Of als alternatief voor IE het hele effect uitschakelen.quote:
Een plugin ja, ik gebruik CrossSlide: http://tobia.github.com/CrossSlide/ en dan gebruik het Ken Burns effect.
Misschien is het hele zoomen en faden te zwaar bij een dergelijke resolutie? Of het is de plugin natuurlijk ja
Waarom zou je die JS-array niet met PHP opbouwen?quote:
Matige plugin overigens, de bestandsnamen moeten meegeven in een JS-array. Doorgaans heb je gewoon een div met hierin een zwik images, en vervolgens activeer je de plugin op die div. Dan heb je ook de optie om bijvoorbeeld met PHP slides toe te voegen door het genereren van wat HTML.
Omdat JS genereren met PHP een stuk ranziger is imo dan HTML genereren. Daarnaast doen de meeste plugins dat zo: $("div#divmetfotos").slideshow(); en klaar is kees. Dat maakt het ook een stuk makkelijker om al je JS onder te brengen in externe bestanden, aangezien de PHP parser meestal geen .js-files doorloopt.quote:
[..]
Waarom zou je die JS-array niet met PHP opbouwen?
Waarom zou dat in hemelsnaam anders zijn?quote:
[..]
Omdat JS genereren met PHP een stuk ranziger is imo dan HTML genereren.
Een verborgen div met images vind ik eigenlijk ranziger dan gewoon een JS array. Dat eerste zit namelijk in je DOM terwijl het daar niets te zoeken heeft.quote:Daarnaast doen de meeste plugins dat zo: $("div#divmetfotos").slideshow(); en klaar is kees. Dat maakt het ook een stuk makkelijker om al je JS onder te brengen in externe bestanden, aangezien de PHP parser meestal geen .js-files doorloopt.
Waarom verborgen? Je hebt een div, met hierin een stapel images, allemaal op dezelfde absolute positie. Je activeert de slideshow-plugin waardoor het geheel gaat animeren. Dan heb je ook nog eens graceful-degradation, want als javascript uit staat of niet werkt ziet men alsnog de eerste afbeelding.quote:
[..]
Waarom zou dat in hemelsnaam anders zijn?
[..]
Een verborgen div met images vind ik eigenlijk ranziger dan gewoon een JS array. Dat eerste zit namelijk in je DOM terwijl het daar niets te zoeken heeft.
Javascript moet _altijd_ een toevoeging zijn, en niet de enige manier waarop iets werkt. Progressive enhancement heet dat.
Maar wel even mezelf nuanceren: dit is mierengeneuk om best-practices. Allebei de oplossingen is technisch gezien niets mis mee.
<input type="text" name="veld_1" />
<input type="text" name="veld_2" />
Wanneer ik in 'veld_1' bijvoorbeeld het volgende invoer:
Dit is een test regel
Dan wil ik dat 'veld_2' automatisch wordt ingevuld met het volgende:
dit-is-een-test-regel
Dus spaties moeten vervangen worden met een '-'. Maar ik moet 'veld_2' wel handmatig nog kunnen aanpassen, zonder dat 'veld_1' veranderd.
Iemand die mij op weg kan helpen?
| 1 2 | <input type="text" name="veld_1" id="veld_1" onchange="document.getElementById('veld_2').value=this.value.replace(/ /g,'-');" /> <input type="text" name="veld_2" id="veld_2"/> |
| 1 2 3 4 5 6 7 | $("#randomnumber").each(function() { var randX = Math.floor(Math.random()*window.outerWidth+1); var randY = Math.floor(Math.random()*window.outerHeight+1); $("#randomnumber").css("margin-left",randX); $("#randomnumber").css("margin-top", randY); }); |
Iemand?
Ik doe het volgende om een bepaald aantal wolkjes (quote:Op dinsdag 30 november 2010 14:09 schreef Treces het volgende:
Ik probeer divjes random op het scherm te plaatsen.. Ik kom alleen niet verder:
[ code verwijderd ]
Iemand?
) random op het scherm te flikkeren:| 1 2 3 4 5 6 7 8 9 | var browser_height = $(window).height(); var browser_width = $(window).width(); for(var i = 0; i < numclouds; i++) { $("body").append("<div class=\"cloud\"><img src=\"images/mains/cloud.png\" /></div>"); $("div.cloud").eq(i).css("top", Math.ceil(Math.random() * (browser_height-250)) + "px"); $("div.cloud").eq(i).css("left", Math.ceil(Math.random() * browser_width) + "px"); } |
Kun je daar iets mee?
Edit: ik kijk nog eens, en je probleem is dat je icm jQuery camel-caps moet gebruiken. geen margin-left dus maar marginLeft
[ Bericht 3% gewijzigd door Intrepidity op 30-11-2010 14:20:23 ]
Uiteindelijk wordt het een scherm met een aantal vooraf bekende cijfers die random op het scherm geplaatst moeten worden
Ik weet zeker dat bovenstaande code crossbrowser werkt vanaf in ieder geval IE6. Ik vermoed dat jQuery een bepaalde wrapper om window heenlegt om dergelijke inconsistenties te verhelpen.quote:
Weet je zeker dat die window height en width correcte waardes geven? Datsoort functies staan niet bekend om hun goeie cross-browser implementaties...
Niet veel, hangt van de doelgroep af. Voor een technisch publiek kun je prima een website met HTML 5 specifieke functionaliteiten bouwen. Voor huisvrouwen van middelbare leeftijd, meh.quote:
Ik vraag me af hoeveel huishoudens inmiddels html5 kunnen zien in hun browser.
Wat je sowieso kunt gebruiken is het kortere doctype, data-attributen, etc. CSS3 en dingen als <canvas> en <video> blijven problematisch. Er zijn naar ik meen wel emulatielibraries voor in Javascript, maar die moet je omwille van perfomance niet willen gebruiken.
Ongeveer net zoveel als er huishoudens met een computer zijn. Op een enkel huishouden met alleen een machine uit 1999 na misschien.quote:
Ik vraag me af hoeveel huishoudens inmiddels html5 kunnen zien in hun browser.
Ik heb daar eens een stukje code voor gevonden:quote:
Weet je zeker dat die window height en width correcte waardes geven? Datsoort functies staan niet bekend om hun goeie cross-browser implementaties...
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } |
Als je al jQuery gebruikt kun je volgensmij feilloos $(window) gebruiken omdat jQuery de verschillen wegabstraheert.quote:
[..]
Ik heb daar eens een stukje code voor gevonden:
[ code verwijderd ]
En zelfs dit is niet gegarandeerd zuiver, omdat de breedte van een eventuele scrollbalk wel of juist niet wordt meegenomen. Dat is weer browserafhankelijk, en ik heb geen zin/tijd om precies uit te zoeken bij welke browser(s) de scrollbalken worden meegerekend.
:| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <html> <head> <script language="JavaScript" type="javascript/text"> <!-- function Doe() { window.alert("2"); document.getElementById("tekst").Focus(); document.getElementById("tekst").Select(); } --> </script> </head> <body> <Input type="text" id="tekst" value="Tekst" onClick="Doe();"> </body> </html> |
, als ik js code in de event handler schrijf werkt dat wel gewoon, maar functies worden niet aangeroepen...| 1 | <script language="JavaScript" type="javascript/text"> |
Als je dat verandert in
| 1 | <script type="text/javascript"> |
Verder zou ik functienamen met een kleine letter laten beginnen, dat doet javascript zelf ook. Deze twee regels gaan zo niet werken:
| 1 2 | document.getElementById("tekst").Focus(); document.getElementById("tekst").Select(); |
Als je classes gaat gebruiken in javascript, kunnen de namen daarvan juist weer wel met een hoofdletter beginnen, dat maakt het onderscheid ook duidelijker tussen classes en functies.
quote:
Het gaat fout door deze regel:
[ code verwijderd ]
Als je dat verandert in
[ code verwijderd ]
gaat het al een stuk beter.
Verder zou ik functienamen met een kleine letter laten beginnen, dat doet javascript zelf ook. Deze twee regels gaan zo niet werken:
[ code verwijderd ]
Select() en Focus() moeten daar met een kleine letter beginnen, dan werkt het wel.
Als je classes gaat gebruiken in javascript, kunnen de namen daarvan juist weer wel met een hoofdletter beginnen, dat maakt het onderscheid ook duidelijker tussen classes en functies.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <html> <head> <script type="javascript/text"> <!-- function doe() { window.alert("2"); } --> </script> </head> <body> <Input type="text" name="tekst" value="Tekst" onclick='javascript: window.alert("1"); doe();'> </body> </html> |
werkt het nog steeds niet...
Ah, ik heb het al: Ik gebruikte geen eindslash bij de inputform: dus ik moet <input ... /> ipv <input ...> gebruiken. Bedankt! (Nu eindelijk proberen iets moois te maken in javascript
)ow hehe dat had ik niet eens gezien. Chrome doet het nog...quote:Op zaterdag 4 december 2010 12:54 schreef KomtTijd... het volgende:
Ja firefox gaat over de zeik omdat je consequent type="javascript/text" doet, in plaats van "text/javascript".
Nee, dat heeft te maken met het doctype. Als je een XHTML-doctype gebruikt, moet je die eindslash bij (oa) de input-tag gebruiken. Bij HTML-doctypes mag je die slash weglaten. Je gebruikt helemaal geen doctype, da's sowieso foutquote:
Ah, ik heb het al: Ik gebruikte geen eindslash bij de inputform: dus ik moet <input ... /> ipv <input ...> gebruiken.
meen, ik faal wel hard met mijn codequote:
[..]
Nee, dat heeft te maken met het doctype. Als je een XHTML-doctype gebruikt, moet je die eindslash bij (oa) de input-tag gebruiken. Bij HTML-doctypes mag je die slash weglaten. Je gebruikt helemaal geen doctype, da's sowieso fout
vandaag gemaaktZoekt een zoekterm op in een tekst. Jammer is dat de tekstbox niet automatisch scrollt naar de gevonden resultaten, ze worden alleen geselecteerd in het tekstvak. Zou je dit nog kunnen veranderen met javascript?
het is nogal een lap tekst, ik heb het niet echt efficiënt gedaan
, ik weet het, maar het komt ook deels door de layout (aparte regel voor akkolade's enzo)SPOILER<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>JavaScript ZoekFunctie</title>
<script type="text/javascript">
<!--
function bodyload()
{
tekstleeg = true;
termleeg = true;
laatstetekst = "";
laatsteterm = "";
sens = false;
if (trange = document.getElementById("tekst").createTextRange) gebruikrange = true;
else if (document.getElementById("tekst").setSelectionRange) gebruikrange = false;
else window.alert("De zoekfunctie is niet ondersteund in uw browser.");
}
function leeg()
{
document.getElementById("tekst").value = ""
}
function tekstclick()
{
if (tekstleeg) document.getElementById("tekst").value = "";
}
function tekstblur()
{
if (document.getElementById("tekst").value == "") tekstleeg = true;
else tekstleeg = false;
if (tekstleeg) document.getElementById("tekst").value = "Vul hier de tekst om in te zoeken in.";
}
function zoekclick()
{
if (termleeg) document.getElementById("zoekterm").value = "";
else if (doehet)
{
document.getElementById("zoekterm").focus();
document.getElementById("zoekterm").select();
doehet = false;
}
}
function zoekblur()
{
if (document.getElementById("zoekterm").value == "") termleeg = true;
else termleeg = false;
if (termleeg) document.getElementById("zoekterm").value = "Vul hier de zoekterm in.";
}
function zoek()
{
if (termleeg) document.getElementById("zoekterm").value = "";
if (tekstleeg) document.getElementById("tekst").value = "";
tekst = document.getElementById("tekst").value;
term = document.getElementById("zoekterm").value;
if (!sens) { tekst = tekst.toLowerCase(); term = term.toLowerCase(); }
if (tekst == "" || term == "")
{
if (term == "" && tekst == "") document.getElementById("bar").innerText = "Vul een tekst en zoekterm in.";
else if (tekst == "") document.getElementById("bar").innerText = "Vul een tekst in.";
else document.getElementById("bar").innerText = "Vul een zoekterm in.";
eindezoek();
}
else if ((term == laatsteterm) && (tekst == laatstetekst))
{
if (t == 0) document.getElementById("bar").innerText = "Zoekterm niet gevonden.";
else
{
i = (i + 1) % t;
selecteer(pos[i], l);
document.getElementById("bar").innerText = (i + 1) + "/" + t;
}
}
else
{
b = tekst.indexOf(term);
l = term.length;
if (b != -1)
{
selecteer(b, l);
esc = false;
pos = [b];
t = 1;
i = b;
while (!esc)
{
i = tekst.indexOf(term, ++i);
if (i > -1) pos[t++] = i;
else esc = true;
}
i = 0;
document.getElementById("bar").innerText = "1/" + t;
}
else { t = 0; document.getElementById("bar").innerText = "Zoekterm niet gevonden."; }
}
laatstetekst = tekst;
laatsteterm = term;
}
function selecteer(begin, lengte)
{
if (gebruikrange)
{
trange = document.getElementById("tekst").createRange();
trange.moveStart("character", begin);
trange.moveEnd("character", lengte - document.getElementById("tekst").value.length);
trange.select();
}
else (!gebruikrange)
{
document.getElementById("tekst").setSelectionRange(begin, begin + lengte);
return;
}
return;
}
function switchcase()
{
sens = !sens;
}
function eindezoek()
{
if (tekstleeg) document.getElementById("tekst").value = "Vul hier de tekst om in te zoeken in.";
if (termleeg) document.getElementById("zoekterm").value = "Vul hier de zoekterm in.";
}
-->
</script>
</head>
<body onload="bodyload();">
Zoekterm: <input type="text" id="zoekterm" value="Vul hier de zoekterm in." style="width:400px" onclick="javascript: zoekclick();" onfocus="javascript: doehet = true;" onblur="javascript: zoekblur();"> <button type="button" id="zoek" onclick="javascript: zoek();">Zoek</button><br/>
<input type="checkbox" onclick="javascript: switchcase();"/>Case-sensitive
<br/>Tekst:<br/>
<textarea rows ="20" id="tekst" style="width:600px" onblur="javascript: tekstblur();" onclick="javascript: tekstclick();">Vul hier de tekst om in te zoeken in.</textarea><br />
<button type="button" id="leeg" onclick="javascript: leeg();">Leeg</button><br/>
<br/><br/>
<label id="bar"></label>
</body>
</html>
[ Bericht 0% gewijzigd door minibeer op 05-12-2010 02:06:33 ]
Ik heb 3 HTML input fields, namelijk, prijs inc, btw, prijs exc:
Wat ik wil is:quote:Prijs inclusief: <input type="text" name="prijs_inc" /><br />
BTW: <input type="text" name="BTW" />%<br />
Prijs exclusief: <input type="text" name="prijs_exc" /><br />
Een bedrag bij prijs_inc invullen, bijvoorbeeld: 10
Bij BTW wil ik invullen: 19
Zodat prijs_exc automatisch 11.90 wordt.
Moet simpel zijn lijkt me. Anyone? Thanks
10 euro min 19 procent is namelijk niet ineens 11.90Oh lol, inderdaadquote:
Ik neem aan dat je dat andersom bedoelt?
Wanneer ik 11.90 invul, moet er 10.00 gemaakt van worden bij prjis_exc, sorry
prijs_excl = prijs_incl / (1 + btw / 100)
Dat moet je dan ook vrij eenvoudig aan een formulierbutton en/of onchange-event kunnen hangen, maar dat mag je eerst zelf proberen
Ik denk, elk field een id mee geven en dan ongeveer het volgende:quote:
De berekening is simpel:
prijs_excl = prijs_incl / (1 + btw / 100)
Dat moet je dan ook vrij eenvoudig aan een formulierbutton en/of onchange-event kunnen hangen, maar dat mag je eerst zelf proberen
onchange="document.getElementById('prijs_exc').value=<dit gedeelte is mij nog onbekend>
Ik Google wel wat verder
Met je muis, lollereinz XDquote:
weet iemand hoe/of je kan scrollen naar een bepaald punt in een textarea?
[offtopic]quote:
een specifieke of volstaat elke? en wat moet ik er dan mee doen?
[/offtopic]
| 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 | var start_time = (new Date()).getTime(); function el(id) { if (document.getElementById) { return document.getElementById(id); } else if (window[id]) { return window[id]; } return null; } // Estimates of nanite storage generation over time. var CP = [ [ 1199433600000, 6283 ], [ 1224486000000, 7254 ], [ 2144908800000, 10996 ], [ 2147328000000, 43008 ], [ 46893711600000, Number.MAX_VALUE ] ]; var quota_elem; function OnLoad() { if (!quota_elem) { quota_elem = el("quota"); updateQuota(); } } function updateQuota() { if (!quota_elem) { return; } var now = (new Date()).getTime(); var i; for (i = 0; i < CP.length; i++) { if (now < CP[i][0]) { break; } } if (i == 0) { setTimeout(updateQuota, 1000); } else if (i == CP.length) { quota_elem.innerHTML = CP[i - 1][1]; } else { var ts = CP[i - 1][0]; var bs = CP[i - 1][1]; quota_elem.innerHTML = format(((now-ts) / (CP[i][0]-ts) * (CP[i][1]-bs)) + bs); setTimeout(updateQuota, 1000); } } var PAD = '.000000'; function format(num) { var str = String(num); var dot = str.indexOf('.'); if (dot < 0) { return str + PAD; } if (PAD.length > (str.length - dot)) { return str + PAD.substring(str.length - dot); } else { return str.substring(0, dot + PAD.length); } } |
En natuurlijk dit in de pagina:
| 1 | <span id=quota>2757.272164</span> |
[ Bericht 2% gewijzigd door DutchBlood op 25-12-2010 16:00:40 ]
Ok.quote:
Ok, ik probeer ordinair wat JS te jatten, van Google.
Ik wil dat countertje gebruiken van http://gmail.com
Nu heb ik dit gebeuren al gebruikt:
[ code verwijderd ]
En natuurlijk dit in de pagina:
[ code verwijderd ]
En nu?
Probleem is dus dat het niet werkt, die counter veranderd niet.
Wat zegt je foutconsole?
-edit-
Tip: probeer eerst gewoon eens zelf zoiets te schrijven, ipv zonder ook maar enig idee te hebben wat je aan het doen bent andermans code te jatten.
Bedankt voor de tip, vind het echter niet ongepast om een stuk code te gebruiken als deze precies doet wat je wilde maken.
Blijkbaar niet dus.quote:
Foutconsole blijft leeg. Tellertje veranderd niet.
Bedankt voor de tip, vind het echter niet ongepast om een stuk code te gebruiken als deze precies doet wat je wilde maken.
En buiten dat, het blijft jatten. En dat vind ik dus ongepast.
quote:
weet iemand hoe/of je met javascript kan scrollen naar een bepaald punt in een textarea?
Dat kan gewoon met scollTop.quote:
weet iemand hoe/of je kan scrollen naar een bepaald punt in een textarea?
document.getElementById("je textarea id").scrollTop = 100;
Geen px oid achter de waarde zetten. Dit werkt in IE, FF, Chrome en Opera.
echter lijkt de refresh functie niet te werken..
Dit is het stukje javascript dat ik gebruik:
| 1 2 3 4 5 6 7 8 9 10 11 12 | var auto_refresh = null var lines = $('#lines').val(); $(document).ready(function() { $('#error').click( clearInterval(auto_refresh); function() { auto_refresh = setInterval( function() { $('#logview').load("<?php echo $_SERVER['SCRIPT_NAME']; ?>?log=e&lines="+lines); },1000); }); }); |
#logview bestaat, tevens wordt de url netjes geladen als ik normaal op de link klik (maar daarna dus niet gerefreshed elke x seconde..
Ik denk dat je regel 6 en 7 moet omdraaien.quote:
ik heb getracht in php een tail variant te maken voor logfiles m.b.v. jquery..
echter lijkt de refresh functie niet te werken..
Dit is het stukje javascript dat ik gebruik:
[ code verwijderd ]
iemand een idee?
#logview bestaat, tevens wordt de url netjes geladen als ik normaal op de link klik (maar daarna dus niet gerefreshed elke x seconde..
Is het mogelijk via javascript naar je email programma (bijv outlook) te gaan, zoals bij MailTo, maar dan zonder dat je een nieuw email venster krijgt?
Ik wil namelijk een email versturen met een weblink. Nu wil ik daar een button hebben die er voor zorgt dat men weer terug naar de email client gaat, zodat de desbetreffende persoon weer terug komt bij de mail die ik verzonden heb.
Kan dan überhaupt?
Heb oa. window.blur geprobeert, maar dat geeft niet het gewenste resultaat.
Thx alvast.
-edit- nee ook niet, aangezien die vrijwel altijd target=blank toevoegen aan url's...
En zijn er eventueel andere methoden om de browser te minimaliseren of naar de achtergrond te verplaatsen zodat de aandacht weer op de mail applicatie te vestigen? Andere ideeën en suggesties zijn ook welkomquote:
Je kunt hooguit gewoon een history.go(-1) doen, maar zou alleen werken als de bezoeker vanuit een webmail client op de link heeft geklikt.
-edit- nee ook niet, aangezien die vrijwel altijd target=blank toevoegen aan url's...
Tot zover iig weer bedankt!
Als het voor een (client-side) webapplicatie bedoeld waarbij alle PC's die hier toegang tot hebben zelf beheerd, dan zou je bv. een ActiveX object kunnen maken (programmeren), en via dat ActiveX object het venster kunnen minimaliseren (IE-only).
Een andere manier kan ik mij zo niet bedenken.
Was er al een beetje bang voorquote:
Browsers kunnen ook voorkomen dat een venster naar de voor- of achtergrond verplaatst wordt, dus betrouwbaar wordt het zoiezo niet.
Als het voor een (client-side) webapplicatie bedoeld waarbij alle PC's die hier toegang tot hebben zelf beheerd, dan zou je bv. een ActiveX object kunnen maken (programmeren), en via dat ActiveX object het venster kunnen minimaliseren (IE-only).
Een andere manier kan ik mij zo niet bedenken.
iig bedankt!Vroeger ... vroeger toen het nog wel kon
Ik heb het eerst geprobeerd in php (preg_match), maar die gooit dan in elke target dezelfde waarde. Misschien werkt javascript dan toch beter.
Je kunt gewoon target="_blank" gebruiken. Of geen target, dan leg je de keuze bij de bezoeker (die kan altijd zelf iets als open in nieuwe tab kiezen).quote:
Heeft iemand een idee of (en hoe) het mogelijk is om via javascript elke link op een pagina een andere "target=" waarde mee te geven zodat klikken op een link niet steeds resulteert in het overschrijven van de content?
Ik heb het eerst geprobeerd in php (preg_match), maar die gooit dan in elke target dezelfde waarde. Misschien werkt javascript dan toch beter.
Target="_blank", of target="" heeft als resultaat dat elke klik het nieuwe venster (of tab)overschrijft. Het is juist de bedoeling dat elke nieuwe link ook echt in een eigen nieuw scherm of tab opent.quote:Je kunt gewoon target="_blank" gebruiken. Of geen target, dan leg je de keuze bij de bezoeker (die kan altijd zelf iets als open in nieuwe tab kiezen).
Nee, als je target op _blank zet (en dus niet op een lege string) dan wordt de link in een nieuw venster (of nieuwe tab, afhankelijk van de instellingen van de bezoeker) geopend. Iedere link krijgt z'n eigen nieuwe scherm.quote:
[..]
Target="_blank", of target="" heeft als resultaat dat elke klik het nieuwe venster (of tab)overschrijft. Het is juist de bedoeling dat elke nieuwe link ook echt in een eigen nieuw scherm of tab opent.
Wat ik heb getest in verschillende browsers is dat _blank het scherm of de tab gewoon overschrijft. Wat wel werkt, onafhankelijk van browser instellingen, is elke link een unieke target waarde mee te geven.quote:Nee, als je target op _blank zet (en dus niet op een lege string) dan wordt de link in een nieuw venster (of nieuwe tab, afhankelijk van de instellingen van de bezoeker) geopend. Iedere link krijgt z'n eigen nieuwe scherm.
Dat is met recht het meest domme idee dat ik in de internetkunde gehoord heb.quote:
[..]
Wat ik heb getest in verschillende browsers is dat _blank het scherm of de tab gewoon overschrijft. Wat wel werkt, onafhankelijk van browser instellingen, is elke link een unieke target waarde mee te geven.
<sarcasme>Lol, bedankt voor deze intelligente opmerking </sarcasme>quote:Dat is met recht het meest domme idee dat ik in de internetkunde gehoord heb.
dan is imho je test situatie niet gestandaardiseerdquote:
[..]
Wat ik heb getest in verschillende browsers is dat _blank het scherm of de tab gewoon overschrijft. Wat wel werkt, onafhankelijk van browser instellingen, is elke link een unieke target waarde mee te geven.
Ik had gewoon beter moeten weten dan mijn vraag op fok te stellen. My bad.quote:
[..]
dan is imho je test situatie niet gestandaardiseerd
quote:
[..]
Ik had gewoon beter moeten weten dan mijn vraag op fok te stellen. My bad.
feit is dat target='_blank" een link altijd in een nieuw tab of venster opent, doettie dat niet wijken de kennelijk de browser instellingen af van standaard..
[ Bericht 0% gewijzigd door mschol op 24-01-2011 11:05:35 ]
target="_blank" wordt de eerste keer ook in een nieuw venster of tab geopend. Maar als je een volgende link op diezelfde parent pagina aanklikt, dan overschrijft die nieuwe tab of pagina met die nieuwe content.quote:
Ja, over target = "_blank". Dat wordt door FOK! kennelijk automatisch veranderd in rel="ext". Verder worden links met target _blank al zeker 15 jaar in een nieuw venster geopend (toen had je nog geen tabs). Als dat bij jouw browser niet het geval is, heb je met de instellingen zitten spelen.
Dat heb ik nog nooit gehad. Net getest, zelfs als ik dezelfde link twee keer open, krijg ik twee tabs met die link. Enige wat ik nog kan bedenken ik dat je target="blank" gebruikt ipv target ="_blank", want in dat geval zou het gedrag wel kloppenquote:
Maar als je een volgende link op diezelfde parent pagina aanklikt, dan overschrijft die nieuwe tab of pagina met die nieuwe content.
Trouwens, in IE is er wel een setting waarmee je elke link in een eigen tab/window kan laten openen. Maar ik wil gebruikers die moeite besparen. In firefox heb ik die opti eniet kunnen ontdekken.
ben bezig met Jquery aan het leren , heb al aardig wat maar nu kom ik met een lastigere aan waar ik niet aan kwam.
De bedoeling is als volgt; Je hebt een knop Reageren.
Als je daarop klikt laad hij een TR op Visible zetten deze heeft de classe 'onzichtbaarreageren'.
Alleen werkt het allemaal nog niet :p.
jquerysite.js
| 1 2 3 4 5 6 7 8 9 10 | //werkt. $(document).ready(function() { $(".onzichtbaarreageren").hide(); } //snap ik niet helemaal :P. function reageren(){ $(this).toggleClass('onzichtbaarreageren'); $(this).parent().next().toggle(); } |
| 1 2 3 4 | <?php <a href='' onclick='reageren();'>reageren<a/> <tr class='onzichtbaarreageren'>Input en de rest.</tr> ?> |
Als het een enkele was had ik het met een unique id opgelost. maar dat wil niet hierbij
.Poging #2
classes ipv een functie.
| 1 2 3 4 5 6 | <?php $('.reply_show').click(function(e){ $('.onzichtbaarreageren').show(); e.preventDefault(); }); ?> |
| 1 2 3 4 5 6 7 8 | <?php $(".reply_show").click(function(e){ $("tr").next(".onzichtbaarreageren").toggle(); //$('.onzichtbaarreageren').show(); e.preventDefault(); }); }); ?> |
[ Bericht 8% gewijzigd door cablegunmaster op 09-02-2011 08:48:19 ]
$("tr.onzichtbaarreageren").show()
Waar hij alle tr's pakt met die klasse en die toont?
Ben geen held in jQuery, maar staat me iets van bij dat je heel simpel alle elementen kon selecteren. Correct me if I am wrong
Oftewel, het volgende element met die klasse na this (de link die geklikt werd).Oplossing was een beetje laat maar even hier typen wat mijn oplossing wasquote:
Als je alleen de volgende tr zichtbaar wilt maken moet je denk ik $(this).next(".onzichtbaarreageren").show(); doen
.ik heb bij elke een ID meegegeven en vervolgens de ID klasse verwijderd. (onzichtbaar op toggle).
| 1 2 3 4 5 6 | <?php function reagerenTonen(id) { $("#onzichtbaarreageren-" + id).removeClass('.onzichtbaarreageren') .toggle(); } ?> |
Omdat het id toch werd opgehaald uit de DB wil dit
Dat werkte niet !quote:
Als je alleen de volgende tr zichtbaar wilt maken moet je denk ik $(this).next(".onzichtbaarreageren").show(); doen
weet je ook al waarom? heeft met de functie next te maken.hij kan alleen de eerst volgende vinden niet als er nog wat code voor staat.