DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Okay bedankt voor je snelle antwoord maar ik wil dat 't pas gebeurd nadat de knop is ingedrukt input#kleurKop dusquote:
Wat als je input weghaalt?quote:Op vrijdag 9 september 2011 17:17 schreef TheSeeker_NL het volgende:
[..]
Okay bedankt voor je snelle antwoord maar ik wil dat 't pas gebeurd nadat de knop is ingedrukt input#kleurKop dus
| 1 2 3 | $("#kleurKop").click(function(){ $("#koptekst").addClass('rood'); }); |
Je moeder is een hamster
vervang #koptekst door h1? Of heeft de h1 het id koptekst?
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
| 1 2 3 4 5 6 7 8 9 | <h1 id="koptekst">GROEN WORDT ROOD</h1> <input type="button" name="rodeKleur" value="kleur" id="kleurKop" size="50" /> .rood { color:rood; } #kleurKop { margin-left:20px; } |
input weghalen helpt niet. En ja de h1 heeft id "koptekst" omdat ik niet elke h1 rood wil geven :-) Gewoon een simpele oefening voor mezelf maar ik loop steeds vast, ik vind de syntax toch erg lastig
Sorry was even boodschappen doen, ja jQuery is geladen. Test url is http://onzereis.com/simpelveld/index.htmlquote:
De fout zit in css: color:rood; is geen Engels.
eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0
Ik kom er niet helemaal uit volgens mij.
Ik wil graag gebruik gaan maken van de volgende drag en drop Jquery.
http://jqueryui.com/demos/droppable/#photo-manager
Deze Jquery in dit format krijg ik zo aan het werk binnen mijn applicatie. Echter is het de bedoeling dat ik een onbekend aantal drop plekken per pagina ga krijgen. Middels een loop creeer ik de opmaak daarvan.
Alleen lukt het me niet om de Jquery hier op aan te passen. Of alle blokken worden telkens tegelijk gehighlight als je erover heen gaat met een drag item. En dan wordt vervolgens het item onder alle blokken geplaatst.
Bedoeling is dus dat het item binnen het desbetreffende blok komt te staan.
Wat ik volgens mij moet doen is elk blok een eigen ID gaan geven en middels een class er voor zorgen dat hij droppable is.. Binnen de afhandeling zal ik dan ergens het ID moeten oprakelen ofzo.
Iemand die me hier verder in kan helpen?
Ik wil graag gebruik gaan maken van de volgende drag en drop Jquery.
http://jqueryui.com/demos/droppable/#photo-manager
Deze Jquery in dit format krijg ik zo aan het werk binnen mijn applicatie. Echter is het de bedoeling dat ik een onbekend aantal drop plekken per pagina ga krijgen. Middels een loop creeer ik de opmaak daarvan.
Alleen lukt het me niet om de Jquery hier op aan te passen. Of alle blokken worden telkens tegelijk gehighlight als je erover heen gaat met een drag item. En dan wordt vervolgens het item onder alle blokken geplaatst.
Bedoeling is dus dat het item binnen het desbetreffende blok komt te staan.
Wat ik volgens mij moet doen is elk blok een eigen ID gaan geven en middels een class er voor zorgen dat hij droppable is.. Binnen de afhandeling zal ik dan ergens het ID moeten oprakelen ofzo.
Iemand die me hier verder in kan helpen?
Dat meen je niet... pfff.. ik me helemaal kapot zoeken in de js, maak ik zo'n stom foutje. Mijn dank is grootquote:
De fout zit in css: color:rood; is geen Engels.
Kan je aan een .load() event eigenlijk een effect meegeven zoals .fadeIn:
$('#foto').load('paprika.html img').fadeIn("slow");
Ik wil namelijk graag dat de foto langzaam zichtbaar wordt maar dit lijkt niet te werken. Is daar een oplossing voor? Ik zit rustig aan te zoeken maar kwam nog niks tegen totdusverre.
$('#foto').load('paprika.html img').fadeIn("slow");
Ik wil namelijk graag dat de foto langzaam zichtbaar wordt maar dit lijkt niet te werken. Is daar een oplossing voor? Ik zit rustig aan te zoeken maar kwam nog niks tegen totdusverre.
| 1 2 3 | $('#foto').load('paprika.html img', function(){ $('#selector').fadeIn(); }); |
De 2e argument van load is een callback, in dit geval een anonieme functie, waarin je de fadeIn/out/effect doet. Deze callback wordt pas uitgevoerd nadat de load is voltooid. Wat jij deed was action chaining, maar dat werkt niet met een asynchrone load actie.
[ Bericht 41% gewijzigd door #ANONIEM op 13-09-2011 08:54:39 ]
Ah bedankt voor je uitleg daar ook bij, dit maakt mij heel blij :-)quote:Op dinsdag 13 september 2011 08:53 schreef Scorpie het volgende:
[ code verwijderd ]
De 2e argument van load is een callback, in dit geval een anonieme functie, waarin je de fadeIn/out/effect doet. Deze callback wordt pas uitgevoerd nadat de load is voltooid. Wat jij deed was action chaining, maar dat werkt niet met een asynchrone load actie.
@Scorpie
Het werkte niet meteen en ik ben er even mee gaan stoeien omdat ik je niet direct wilde lastig vallen maar toen bedacht ik me:
Met .load wordt de foto al geladen en getoond dus de .fadeIn() zul je niet zien omdat de foto er dan al is. Toen heb ik even .fadeOut() geprobeerd en dat werkte wel gewoon dus mijn conclusie is dan ook dat het niet aan de syntax ligt maar dat de code gewoon niet geschikt is voor wat ik voor ogen heb.
Ik wil dus de foto laden zonder direct te tonen, maar het met een fadeIn() doen. Moet ik dan omslachtig gaan doen door de eerst een .hide() te gebruiken en dan een .fadeIn()? Lijkt me dat er een logischere oplossing voor moet zijn.
Het werkte niet meteen en ik ben er even mee gaan stoeien omdat ik je niet direct wilde lastig vallen maar toen bedacht ik me:
Met .load wordt de foto al geladen en getoond dus de .fadeIn() zul je niet zien omdat de foto er dan al is. Toen heb ik even .fadeOut() geprobeerd en dat werkte wel gewoon dus mijn conclusie is dan ook dat het niet aan de syntax ligt maar dat de code gewoon niet geschikt is voor wat ik voor ogen heb.
Ik wil dus de foto laden zonder direct te tonen, maar het met een fadeIn() doen. Moet ik dan omslachtig gaan doen door de eerst een .hide() te gebruiken en dan een .fadeIn()? Lijkt me dat er een logischere oplossing voor moet zijn.
geen held met JS (en kan nu eff niet snel eerst eff testen) maar probeer dit eens:quote:
@Scorpie
Het werkte niet meteen en ik ben er even mee gaan stoeien omdat ik je niet direct wilde lastig vallen maar toen bedacht ik me:
Met .load wordt de foto al geladen en getoond dus de .fadeIn() zul je niet zien omdat de foto er dan al is. Toen heb ik even .fadeOut() geprobeerd en dat werkte wel gewoon dus mijn conclusie is dan ook dat het niet aan de syntax ligt maar dat de code gewoon niet geschikt is voor wat ik voor ogen heb.
Ik wil dus de foto laden zonder direct te tonen, maar het met een fadeIn() doen. Moet ik dan omslachtig gaan doen door de eerst een .hide() te gebruiken en dan een .fadeIn()? Lijkt me dat er een logischere oplossing voor moet zijn.
| 1 | $('#content').load('paprika.html img', function() { $(this).fadeIn("slow"); })); |
Hmm het lijkt echt wel zo te moeten inderdaad maar om een of andere reden lukt het niet.quote:
[..]
geen held met JS (en kan nu eff niet snel eerst eff testen) maar probeer dit eens:
[ code verwijderd ]
bron
Ik had die comment daaronder ook al geprobeerd, dus de div waar de image heen gaat in de css op display:hidden gezet maar ook dat werkte niet.
Het plaatje wordt wel getoond maar niet met een fadeIn. Heel frustrerend.
Zou het kunnen komen door mijn overige script:
| 1 2 3 4 5 6 7 8 9 10 11 12 | // paprika // $("#paprika").click(function($e){ $e.preventDefault(); $('li').removeClass('zaaien oogsten'); $("#apr").addClass("zaaien"); $("#dec").addClass("oogsten"); $('#foto').load('paprika.html img', function() { $(this).fadeIn("normal"); }); $('#pictureText').load('paprika.html p'); $("#koptekst").load('paprika.html h1'); }); |
Het zal vast heel rommelig ogen maar ik ben ook maar lerende, vergeef me
edit:
Op deze manier lukt het wel maar dit lijkt me niet de bedoeling
| 1 2 3 | $('#foto').load(paprika.html img', function(){ $(this).hide(); $(this).fadeIn("slow")}); |
[ Bericht 3% gewijzigd door TheSeeker_NL op 13-09-2011 16:29:24 ]
Ik heb een scriptje gemaakt (met jquery) waarmee ik de hoogte van bepaalde divs bereken en dan de hoogte aan elkaar aanpas zodat het mooi eruit ziet.
Het script werkt gewoon goed, alleen er is een probleem.
Bij de eerste keer laden pakt hij niet de juiste gegevens, en dus ziet het er niet mooi uit.
Het gaat om deze code:
Op deze pagina:
http://elearning.hotelsch(...)woord/338/klant.html
Het gaat dus om dat blauwe blok onder alle tekst.
Kan iemand mij uitleggen waarom de eerste keer een verkeerde hoogte wordt gepakt? Moet ik soms iets anders dan document.ready gebruiken?
Het script werkt gewoon goed, alleen er is een probleem.
Bij de eerste keer laden pakt hij niet de juiste gegevens, en dus ziet het er niet mooi uit.
Het gaat om deze code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | $(document).ready(function() { var loyaalcolumnheight = ($("#loyaalcolumn").height()); var gastvrijheidexpertisecolumnheight = ($("#gastvrijheidexpertisecolumn").height()); var gerelateerdeonderwerpenheight = ($("#gerelateerdeonderwerpen").height()); if (loyaalcolumnheight > gastvrijheidexpertisecolumnheight){ var difference = loyaalcolumnheight - gastvrijheidexpertisecolumnheight; $("#gastvrijheidexpertisecolumn").height(gastvrijheidexpertisecolumnheight + difference); $("#gerelateerdeonderwerpenfix").height(gerelateerdeonderwerpenheight + difference + 31); } if (loyaalcolumnheight < gastvrijheidexpertisecolumnheight){ var difference = gastvrijheidexpertisecolumnheight - loyaalcolumnheight; $("#loyaalcolumn").height(loyaalcolumnheight + difference); $("#gerelateerdeonderwerpenfix").height(gerelateerdeonderwerpenheight + 31); } }); |
Op deze pagina:
http://elearning.hotelsch(...)woord/338/klant.html
Het gaat dus om dat blauwe blok onder alle tekst.
Kan iemand mij uitleggen waarom de eerste keer een verkeerde hoogte wordt gepakt? Moet ik soms iets anders dan document.ready gebruiken?
Nevermind, ik heb het probleem opgelost.
Ik heb er een timeout omheen gezet, hij pakt nu telkens de verkeerde hoogte dus heb ik gewoon de hoogte die erbij zou komen aangepast en nu gaat het telkens goed.
De code:
Toch bedankt voor wie mee leest.
Ik heb er een timeout omheen gezet, hij pakt nu telkens de verkeerde hoogte dus heb ik gewoon de hoogte die erbij zou komen aangepast en nu gaat het telkens goed.
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 | setTimeout(function() { var loyaalcolumnheight = ($("#loyaalcolumn").height()); console.log("loyaalcolumnheight: " + loyaalcolumnheight); var gastvrijheidexpertisecolumnheight = ($("#gastvrijheidexpertisecolumn").height()); console.log("gastvrijheidexpertisecolumnheight: " + gastvrijheidexpertisecolumnheight); var gerelateerdeonderwerpenheight = ($("#gerelateerdeonderwerpen").height()); console.log("gerelateerdeonderwerpenheight: " + gerelateerdeonderwerpenheight); if (loyaalcolumnheight > gastvrijheidexpertisecolumnheight){ var difference = loyaalcolumnheight - gastvrijheidexpertisecolumnheight; console.log("loyaalcolumnheight is groter dan gastvrijheidexpertisecolumnheight"); console.log("het verschil is "+ difference + " px"); $("#gastvrijheidexpertisecolumn").height(gastvrijheidexpertisecolumnheight + difference); $("#gerelateerdeonderwerpenfix").height(gerelateerdeonderwerpenheight + difference + 46); } if (loyaalcolumnheight < gastvrijheidexpertisecolumnheight){ var difference = gastvrijheidexpertisecolumnheight - loyaalcolumnheight; console.log("loyaalcolumnheight is kleiner dan gastvrijheidexpertisecolumnheight"); console.log("het verschil is "+ difference + " px"); $("#loyaalcolumn").height(loyaalcolumnheight + difference); $("#gerelateerdeonderwerpenfix").height(gerelateerdeonderwerpenheight + 46); } }, 1000); |
Toch bedankt voor wie mee leest.
Het lijkt er op of je code dan voor het uitlezen van de andere hoogtes al is uitgevoerd, en of die variabele is meegekomen.
Ligt het niet gewoon aan je volgorde?
Ligt het niet gewoon aan je volgorde?
-- ViPeRII --
Ik wil een IFRAME op 100% zetten maar dat wil niet met de standaard paramters... dus wil ik javascript gebruiken.
alle browsers werken goed behalve natuurlijk IE.
Die geeft op de volgende regel:
var the_height=document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
De volgende melding:
SCRIPT5: Access is denied.
index.html, line 18 character 1
Is hier een oplossing voor?
alle browsers werken goed behalve natuurlijk IE.
Die geeft op de volgende regel:
var the_height=document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
De volgende melding:
SCRIPT5: Access is denied.
index.html, line 18 character 1
Is hier een oplossing voor?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Nee, is een google maps iframe! 
Maar Chrome werkt wel naar behoren en gaat mij niet om de content maar wil gewoon de gehele iframe op 100%/100% hebben!
Maar Chrome werkt wel naar behoren en gaat mij niet om de content maar wil gewoon de gehele iframe op 100%/100% hebben!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Dat is onzin, het werkt wel maar alleen in IE nietquote:Op zaterdag 17 september 2011 09:56 schreef PiRANiA het volgende:
Google maps blokkeert iframes sinds kort.
Ben ik achter gekomen
ach het is al opgelost met CSS
maar weer een reden gevonden om GEEN ie te gebruiken! [ Bericht 15% gewijzigd door Chandler op 17-09-2011 11:44:35 (gebruik zelf chrome/ff) ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Hey, ik hoef niet zo nodig een apart topic, dus doe ik het hier.
Stel: er is een groot Javascript omgeving met daarin een kleine ruimte. In die kleine ruimte doet een script zelfstandig zijn ding.
Nou wil ik aan de grote omgeving doorgeven hoeveel actieve elementen bezig zijn in de kleine ruimte.
Nu heb ik wat advies nodig.
- Ik kan in de kleine ruimte de stand bijhouden hoeveel er actief zijn. En op het juiste moment dat getal doorgeven?
óf
- alleen een '(element) actief' of '(element) inactief' event doorgeven aan de grote omgeving. en die houdt bij hoeveel er wel actief zijn?
Stel: er is een groot Javascript omgeving met daarin een kleine ruimte. In die kleine ruimte doet een script zelfstandig zijn ding.
Nou wil ik aan de grote omgeving doorgeven hoeveel actieve elementen bezig zijn in de kleine ruimte.
Nu heb ik wat advies nodig.
- Ik kan in de kleine ruimte de stand bijhouden hoeveel er actief zijn. En op het juiste moment dat getal doorgeven?
óf
- alleen een '(element) actief' of '(element) inactief' event doorgeven aan de grote omgeving. en die houdt bij hoeveel er wel actief zijn?
Even iets kleins.
Ik heb een lijst met gegevens. Er zit een checkbox op elke regel om deze aan te vinken als je hem wilt verwijderen.
Ik roep met de knop 'delete' vervolgens een javascript op die de text van de status (die in die regel staat vermeld) veranderd naar 'deleted'
Om dit voor elke regel te doen die is aangevinkt gebruik ik t volgende:
Maar die tobeprinted (zo heet de checkbox).lenght werkt alleen als ik meer dan 2 regels in mijn lijst heb. Als ik 1 regel heb dan krijg ik een foutmelding dat tobeprinted.lenght leeg is of geen object.
iemand enig idee hoe op te lossen?
Ik heb een lijst met gegevens. Er zit een checkbox op elke regel om deze aan te vinken als je hem wilt verwijderen.
Ik roep met de knop 'delete' vervolgens een javascript op die de text van de status (die in die regel staat vermeld) veranderd naar 'deleted'
Om dit voor elke regel te doen die is aangevinkt gebruik ik t volgende:
| 1 2 3 4 5 | function updateStatus(frm){ var array = []; alert(frm.tobeprinted.length); for (i = 0; i < frm.tobeprinted.length; i++) if (frm.tobeprinted[i].checked){ |
Maar die tobeprinted (zo heet de checkbox).lenght werkt alleen als ik meer dan 2 regels in mijn lijst heb. Als ik 1 regel heb dan krijg ik een foutmelding dat tobeprinted.lenght leeg is of geen object.
iemand enig idee hoe op te lossen?
quote:
Even iets kleins.
Ik heb een lijst met gegevens. Er zit een checkbox op elke regel om deze aan te vinken als je hem wilt verwijderen.
Ik roep met de knop 'delete' vervolgens een javascript op die de text van de status (die in die regel staat vermeld) veranderd naar 'deleted'
Om dit voor elke regel te doen die is aangevinkt gebruik ik t volgende:
[ code verwijderd ]
Maar die tobeprinted (zo heet de checkbox).lenght werkt alleen als ik meer dan 2 regels in mijn lijst heb. Als ik 1 regel heb dan krijg ik een foutmelding dat tobeprinted.lenght leeg is of geen object.
iemand enig idee hoe op te lossen?
| 1 2 3 4 5 6 7 8 9 | for (i = 0; i < frm.elements.length; i++) { var el = frm.elements[i]; if (el.name === 'tobeprinted' && el.checked) { alert(el.value); } } |
Of nog makkelijker als je jQuery wilt/kunt gebruiken:
| 1 2 3 | $('input[name="tobeprinted"]:checked').each(function() { alert(this.value); }); |
Ik wilde in mijn webaccess outlook client (gewoon via de browser dus) alle berichten op een pagina selecteren om ze dan te verwijderen. Ik vond het volgende scriptje:
Het werkt in ieder geval in Chrome. Ik moet dan wel F5'en na het verwijderen van een pagina vol met berichten als ik het nog een keer wil gebruiken, maar het geeft niet. Ik heb de code onder een bookmark gedaan om het proces wat te versnellen.
Nu ging ik even met de muis over de delete knop en zag deze javascript code staan:
Ik heb deze ook proberen uit te voeren, maar het werkt niet. Ik weet helemaal niks van javascript. Heb het geprobeerd te koppelen aan de bovenste, en ook om een deel van de bovenste (tot aan contentDocument;var stukje) er voor te zetten, maar dat werkte niet zo gek genoeg ook niet 
Weet iemand hoe ik de verwijderen knop ook kan bereiken op deze manier? Het zou het verwijderproces van m'n schoolmailbox een stuk sneller maken. Ik kreeg vandaag meldingen dat ik niet meer berichten kon versturen omdat m'n mailbox vol was en ik heb geen zin om 37 pagina's op de stomme manier te verwijderen.
| 1 | javascript:var f=document.activeElement.childNodes[1].contentDocument;var c=f.all['MsgID'];var i;for(i=0;i<c.length;i++){c[i].click();} |
Het werkt in ieder geval in Chrome. Ik moet dan wel F5'en na het verwijderen van een pagina vol met berichten als ik het nog een keer wil gebruiken, maar het geeft niet. Ik heb de code onder een bookmark gedaan om het proces wat te versnellen.
Nu ging ik even met de muis over de delete knop en zag deze javascript code staan:
| 1 | javascript:SetCmd(document.msgViewer.CmdDelete.value); |
Weet iemand hoe ik de verwijderen knop ook kan bereiken op deze manier? Het zou het verwijderproces van m'n schoolmailbox een stuk sneller maken. Ik kreeg vandaag meldingen dat ik niet meer berichten kon versturen omdat m'n mailbox vol was en ik heb geen zin om 37 pagina's op de stomme manier te verwijderen.
When all else fails, you always have delusion.
