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.
Niets, je moet niet 2 verschillende libraries door elkaar gebruiken.quote:Op zondag 10 juli 2011 15:16 schreef YazooW het volgende:
Ik ben behoorlijk noob hier in, snap echt niet wat ik moet doen met die jquery.noConflict.
Ik heb dus gewoon 2 scriptjes los van elkaar gedownload, deze helemaal zitten aanpassen naar eigen smaak maar nu gaat het dus mis bij het samenvoegen.
Probleem is inmiddels opgelost.
In het bestand slide.js "$" vervangen door "jQuery".
Werkt nu perfect naast elkaar
In het bestand slide.js "$" vervangen door "jQuery".
Werkt nu perfect naast elkaar
Help 
Ik snap niks van jQuery 
Ik wil de ID's van ALLE geselecteerde LI's in het input veld #hardware krijgen. Dat lukt, behalve dat als ik hem niet meer geselecteerd heb hij blijft staan
http://intranet.vdxml.nl/test.html
Ik snap niks van jQuery Ik wil de ID's van ALLE geselecteerde LI's in het input veld #hardware krijgen. Dat lukt, behalve dat als ik hem niet meer geselecteerd heb hij blijft staan
http://intranet.vdxml.nl/test.html
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <script> $(function() { $( "#selectable" ).selectable({ stop: function() { var result = $( "#hardware" ).val(''); $( ".ui-selected", this ).each(function() { var index = $( "#selectable li" ).index( this ); result.val( $( "#hardware" ).val() + this.id + ' ' ); }); } }); }); </script> <div class="demo"> <ol id="selectable"> <li class="ui-state-default" id="2255">1</li> <li class="ui-state-default" id="3311">2</li> <li class="ui-state-default" id="3355">3</li> <li class="ui-state-default" id="6633">4</li> <li class="ui-state-default" id="1111">5</li> <li class="ui-state-default" id="2222">6</li> <li class="ui-state-default" id="1337">7</li> <li class="ui-state-default" id="666">8</li> <li class="ui-state-default" id="3399">9</li> </ol> </div> |
Oops...hij was gecachedquote:Op zondag 17 juli 2011 15:14 schreef DaFan het volgende:
Hoe bedoel je ? Als je hem deselecteert dan verdwijnt hij ook gewoon uit het veld (Chrome 12.0)
Wat is een goede manier om statusupdates van een Facebook page op een website te tonen? Vroeger had je de minifeed, maar het lijkt nu niet meer mogelijk te zijn om via RSS updates van Facebook binnen te halen. En bij de API's zie ik ook niet direct iets wat me nuttig lijkt.
Iemand een idee? Het gaat om een openbare Facebook page, dus geen profiel van een persoon ofzo.
Iemand een idee? Het gaat om een openbare Facebook page, dus geen profiel van een persoon ofzo.
http://developers.facebook.com/docs/reference/rest/status.get/quote:Op dinsdag 19 juli 2011 22:10 schreef Tijn het volgende:
Wat is een goede manier om statusupdates van een Facebook page op een website te tonen? Vroeger had je de minifeed, maar het lijkt nu niet meer mogelijk te zijn om via RSS updates van Facebook binnen te halen. En bij de API's zie ik ook niet direct iets wat me nuttig lijkt.
Iemand een idee? Het gaat om een openbare Facebook page, dus geen profiel van een persoon ofzo.
| 1 2 3 4 5 6 7 8 9 10 | <script> $(document).ready(function(){ $('a').click(function () { var divName = this.name; $("#"+divName).fadeIn(1200).siblings().fadeOut(1200); }); }); </script> |
Script zorgt ervoor dat de oude div weg gaat als een nieuwe div aangeroepen wordt, zodat er altijd maar 1 div zichtbaar is. Effecten zijn fadeOut en fadeIn, hoe kan ik dit script nou zo krijgen dat de fadeIn even wacht totdat de fadeOut klaar is. Nu faden ze door elkaar zeg maar, de ene fadeOut en de andere fadeIn.
Door delay() te gebruiken in de chain, of de fade-out in de call-back van de fadeIn te zetten.
of
Zoiets.
[ Bericht 0% gewijzigd door PimD op 20-07-2011 19:06:28 ]
| 1 | $("#"+divName).fadeIn(1200).siblings().delay(1200).fadeOut(1200); |
of
| 1 2 3 | $("#"+divName).fadeIn(1200,function(){ $(this).siblings().fadeOut(1200); }); |
Zoiets.
[ Bericht 0% gewijzigd door PimD op 20-07-2011 19:06:28 ]
Nee.
Beide opties doen hetzelfde hier: Nieuwe div wordt getoond, terwijl de oude div nog zichtbaar is. Nadat de nieuwe div op het scherm is getoverd komt de .delay, en dan pas fade de oude div uit.
Dan doe je toch iets verkeerd lijkt me, aangezien de callback pas wordt uitgevoerd als de fadeIn voltooid is. Gooi eens een voorbeeld online, zodat we kunnen zien wat je wilt/hebt.
Nee.
Volgens mij is het de bedoeling dat je eerst fadeOut krijgt, en daarna pas fadeIn.quote:
Dan doe je toch iets verkeerd lijkt me, aangezien de callback pas wordt uitgevoerd als de fadeIn voltooid is. Gooi eens een voorbeeld online, zodat we kunnen zien wat je wilt/hebt.
dit dusquote:
[..]
Volgens mij is het de bedoeling dat je eerst fadeOut krijgt, en daarna pas fadeIn.
edit, heb de gehele code ff op pastebin gezet: http://pastebin.com/zBTDvxd0
[ Bericht 12% gewijzigd door YazooW op 20-07-2011 19:25:23 ]
De volgorde aanpassen zou niet zo moeilijk mogen zijn:
Niet getest, dat mag je zelf doen.
| 1 2 3 | $("#"+divName).fadeOut(1200,function(){ $(this).siblings().fadeIn(1200); }); |
Nu werkt die, thanks!quote:
De volgorde aanpassen zou niet zo moeilijk mogen zijn:
[ code verwijderd ]
Niet getest, dat mag je zelf doen.
Ben pas begonnen met jQuery dus kan zijn dat ik er naast zit:quote:
Eerst stond alles in 1 regel achter elkaar, waardoor hij alles dus in 1x ging runnen.
Nu zijn het 2 regels geworden, hij runt nu eerst de fadeOut, als hij daarmee klaar is begint hij met een functie waarin de fadeIn staat.
Kan zijn dat ik er behoorlijk naast zit, stukje code heb ik ergens van internet geplukt en een beetje aangepast.
Verder heb ik nu weer het probleem dat als ik op link van div1 klikt hij div3 opent, klik op div3 opent hij div1, klik ik op div2 doet die helemaal niks.
Mijn code ziet er nu zo uit:
| 1 2 3 4 5 6 7 8 9 10 11 | <script> $(document).ready(function(){ $('a').click(function () { var divName = this.name; $("#"+divName).fadeOut((1000),function(){ $(this).siblings().show(("slide", 1000)); }); }); }); </script> |
Mijn uiteindelijke einddoel is dit:
<---logo---><---------------menu---------------->
<--menu--><--------------content--------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------------------foooter--------------------->
Als je op de pagina komt zie je dus een logo, een menu links, de content, het menu boven de content moet nog leeg zijn op de beginpagina. Als je vervolgens op een menuitem klikt (linkse menu) dat moet er een div geopent worden rechts van het menu met daarin aan de bovenkant een (sub)menu, en daaronder dan de content.
Voorbeeld:
<---logo---><--appels--peren--bananen-->
<--menu--><-------content over appels----->
<----fruit---><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------><--------------------------------------->
<------------------------foooter--------------------->
Dus je hebt op fruit geklikt in het menu, vervolgens zie je een (sub)menu bovenaan tevoorschijn komen, en in de content info over appels (omdat appels de eerste link is in het (sub)menu), klik je op peren in het (sub)menu dan moet de content van de appels verdwijnen en plaats maken voor de content van de peren.
Klik je op een ander item in het linkse menu dan moet het (sub)menu (appels, peren, etc) en de content plaats maken voor een nieuwe (sub)menu en content.
Zoals je aan mijn beschrijving kan zien ben ik dus nog wel even bezig dit voor elkaar te krijgen aangezien ik nu niet eens normaal divs kan openen en sluiten... Wil eigenlijk het liefst zo snel mogelijk beginnen mijn CMS te bouwen in php maar ik kan dat jQuery gewoon niet zomaar negeren aangezien het er zo slick uit ziet
Hoi Fok-ers!
Zit met een probleempje, hopelijk weten jullie meer dan ik (waarschijnlijk wel!).
De bedoeling is de illusie te geven dat de header doorloopt achter de witte container, wat op dit screenshot dus gelukt is. Het donkergrijze loopt door achter de content. Browser is trouwens FireFox.
http://imageshack.us/f/818/ss1ob.png/ (copy/paste deze link)
Dit heb ik gedaan der middel van 2 divjes aan beide kanten van de witte container, onder de header. Die heb ik vervolgens een vaste waarde (px) meegegeven zodat ze de margin-left en margin-right van de container opvulden.
Echter, en waar ik al rekening mee hield, in een andere browser past het weer net niet. Zie screenshot:
http://imageshack.us/photo/my-images/823/schermafbeelding2011072v.png/ (copy/paste deze link)
Zoals jullie zien kom ik daar een stukje te kort en is de hele illusie weg. Vervolgens heb ik geprobeerd dmv de z-index de container boven de balk te plaatsen. De balk 100% width gegeven en een z-index van -1. Werkte niet. (Omdat de div's in andere files staan?).
Zijn er nog manieren om dit werkend te krijgen?
Bij voorbaat dank!
Peter.
Zit met een probleempje, hopelijk weten jullie meer dan ik (waarschijnlijk wel!).
De bedoeling is de illusie te geven dat de header doorloopt achter de witte container, wat op dit screenshot dus gelukt is. Het donkergrijze loopt door achter de content. Browser is trouwens FireFox.
http://imageshack.us/f/818/ss1ob.png/ (copy/paste deze link)
Dit heb ik gedaan der middel van 2 divjes aan beide kanten van de witte container, onder de header. Die heb ik vervolgens een vaste waarde (px) meegegeven zodat ze de margin-left en margin-right van de container opvulden.
Echter, en waar ik al rekening mee hield, in een andere browser past het weer net niet. Zie screenshot:
http://imageshack.us/photo/my-images/823/schermafbeelding2011072v.png/ (copy/paste deze link)
Zoals jullie zien kom ik daar een stukje te kort en is de hele illusie weg. Vervolgens heb ik geprobeerd dmv de z-index de container boven de balk te plaatsen. De balk 100% width gegeven en een z-index van -1. Werkte niet. (Omdat de div's in andere files staan?).
Zijn er nog manieren om dit werkend te krijgen?
Bij voorbaat dank!
Peter.
Volgens mij ben je onnodig moeilijk aan het doen. Je kunt die grijze balk toch gewoon als background-color meegeven van je bovenste div, en dan de witte container een negatieve top-margin geven...?
Nee.
Nou. Dan is het nu misschien ook maar eens tijd om wat tussentijdse adviezen/meningen over m'n projectje te ontvangen. Het gaat om een webshopje.
Lastige is dat ik nog niet precies weet wat ik er mee wil doen, misschien verkoop ik 't hele handeltje, misschien ga ik hem zelf gebruiken, en als ik hem zelf ga gebruiken; wat wil ik gaan verkopen? Met het oog op al deze vragen heb ik besloten de shop zo clean mogelijk te maken. Met als prioriteit usability en overzichtelijkheid.
De laatste dagen echter, slaat bij mij de twijfel toe of deze cleane look wel the way to go is. Ik zelf hou er erg van, maar het draait in principe natuurlijk niet om wat ik vind. Daarom graag jullie op- en aanmerkingen. (Niet kijken naar de producten, dat is pure opvulling).
Klik hier.
Thanks!
Lastige is dat ik nog niet precies weet wat ik er mee wil doen, misschien verkoop ik 't hele handeltje, misschien ga ik hem zelf gebruiken, en als ik hem zelf ga gebruiken; wat wil ik gaan verkopen? Met het oog op al deze vragen heb ik besloten de shop zo clean mogelijk te maken. Met als prioriteit usability en overzichtelijkheid.
De laatste dagen echter, slaat bij mij de twijfel toe of deze cleane look wel the way to go is. Ik zelf hou er erg van, maar het draait in principe natuurlijk niet om wat ik vind. Daarom graag jullie op- en aanmerkingen. (Niet kijken naar de producten, dat is pure opvulling).
Klik hier.
Thanks!
Ik ga geen commentaar geven op het design, aangezien daar vast andere topics voor zijn. Wel op je HTML/CSS:
- Tabellen, anno 2011... echt waar?
- Inline styling. Handiger zou zijn om gewoon alles in een CSS-file te zetten, zodat je alles op 1 centraal punt kunt beheren i.p.v. in allemaal losse HTML/PHP bestanden.
- Lees eens wat over semantiek. Lijstjes zoals je footer zouden gewoon geneste UL's/OL's moeten zijn i.p.v. div's met een unieke ID en 5x 99% dezelfde CSS.
- Tabellen, anno 2011... echt waar?
- Inline styling. Handiger zou zijn om gewoon alles in een CSS-file te zetten, zodat je alles op 1 centraal punt kunt beheren i.p.v. in allemaal losse HTML/PHP bestanden.
- Lees eens wat over semantiek. Lijstjes zoals je footer zouden gewoon geneste UL's/OL's moeten zijn i.p.v. div's met een unieke ID en 5x 99% dezelfde CSS.
Nee.
Beste TimD,
Het betreft hier een ondertussen hevig aangepast opensource pakket. Er zitten inderdaad tables in, maar die zijn er niet door mij ingezet. Hoe ik dat kan gaan aanpassen is me onbekend. Gaat dit problemen opleveren / heeft het negatieve consequenties op enig vlak?
Over semantiek ga ik me eens inlezen. Bedankt!
Het betreft hier een ondertussen hevig aangepast opensource pakket. Er zitten inderdaad tables in, maar die zijn er niet door mij ingezet. Hoe ik dat kan gaan aanpassen is me onbekend. Gaat dit problemen opleveren / heeft het negatieve consequenties op enig vlak?
Over semantiek ga ik me eens inlezen. Bedankt!
