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.
* {quote:Op woensdag 5 september 2012 15:39 schreef Catch22- het volgende:
[..]
hohoho!
tegenwoordig heb je normalize.css
http://necolas.github.com/normalize.css/
En over JS; er zijn helaas maar weinig mensen die dat goed beheersen. Gelukkig heb ik mezelf daar wel aardig in gespecialiseerd.
margin: 0;
padding: 0;
}
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
dat is dus precies wat Normalize.css niet doet.
Normalize normaliseert de boel. Dus alle inspringingen gelijk zetten (bij ul's etc) en alle koppen dezelfde grootte maken etc.
Normalize normaliseert de boel. Dus alle inspringingen gelijk zetten (bij ul's etc) en alle koppen dezelfde grootte maken etc.
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?
Help meee,
Ik probeer deze ajax tabs aan te passen:
Demo: http://demo.tutorialzine.(...)y-ajax-css/demo.html
Tutorial: http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
Ik wil alleen maar in contentHolder de derde tab openen. Dus bijvoorbeeld op page1.html een link naar page3.html maken
Ik ben best wel bekend met html, maar totaaaaal niet met jquery
Heb al in de link target= geprobeerd, en via deze link een extra script in de head van page1.html gezet:
http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm
en dat werkt op zich, alleen kan ik dan niet meer de eerste pagina (page1.html) openen.
Ik probeer deze ajax tabs aan te passen:
Demo: http://demo.tutorialzine.(...)y-ajax-css/demo.html
Tutorial: http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
Ik wil alleen maar in contentHolder de derde tab openen. Dus bijvoorbeeld op page1.html een link naar page3.html maken
Ik ben best wel bekend met html, maar totaaaaal niet met jquery
Heb al in de link target= geprobeerd, en via deze link een extra script in de head van page1.html gezet:
http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm
en dat werkt op zich, alleen kan ik dan niet meer de eerste pagina (page1.html) openen.
Alle benodigdheden voor cupcakes, taarten en andere lekkere dingen :-9 www.bakgoed.nl
Heel simpel gezegd, ik wil eerst weten of ik wat hiermee kan, voordat ik er zelf heel veel tijd in ga steken.quote:Op donderdag 6 september 2012 22:23 schreef KomtTijd... het volgende:
je wilt wát preciesAl die linkjes gaan naar tutorials. Waar is je eigen werk?
Voorlopig lukt het mij prima om de stylesheet en alles aan te passen, maar van jquery weet ik (nog) te weinig.
Ik zal het even uittypen, misschien wordt het dan wat duidelijker:
(stuk van de htmlpagina)
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <div id="main"> <ul class="tabContainer"> <!-- The jQuery generated tabs go here --> </ul> <div class="clear"></div> <div id="tabContent"> <div id="contentHolder"> <!-- The AJAX fetched content goes here --> </div> </div> </div> |
en hier 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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | $(document).ready(function(){ /* This code is executed after the DOM has been completely loaded */ /* Defining an array with the tab text and AJAX pages: */ var Tabs = { 'Tab one' : 'pages/page1.html', 'Tab two' : 'pages/page2.html', 'Tab three' : 'pages/page3.html', 'Tab four' : 'pages/page4.html' } /* The available colors for the tabs: */ var colors = ['blue','green','red','orange']; /* The colors of the line above the tab when it is active: */ var topLineColor = { blue:'lightblue', green:'lightgreen', red:'red', orange:'orange' } /* Looping through the Tabs object: */ var z=0; $.each(Tabs,function(i,j){ /* Sequentially creating the tabs and assigning a color from the array: */ var tmp = $('<li><a href="#" class="tab '+colors[(z++%4)]+'">'+i+' <span class="left" /><span class="right" /></a></li>'); /* Setting the page data for each hyperlink: */ tmp.find('a').data('page',j); /* Adding the tab to the UL container: */ $('ul.tabContainer').append(tmp); }) /* Caching the tabs into a variable for better performance: */ var the_tabs = $('.tab'); the_tabs.click(function(e){ /* "this" points to the clicked tab hyperlink: */ var element = $(this); /* If it is currently active, return false and exit: */ if(element.find('#overLine').length) return false; /* Detecting the color of the tab (it was added to the class attribute in the loop above): */ var bg = element.attr('class').replace('tab ',''); /* Removing the line: */ $('#overLine').remove(); /* Creating a new line with jQuery 1.4 by passing a second parameter: */ $('<div>',{ id:'overLine', css:{ display:'none', width:element.outerWidth()-2, background:topLineColor[bg] || 'white' }}).appendTo(element).fadeIn('slow'); /* Checking whether the AJAX fetched page has been cached: */ if(!element.data('cache')) { /* If no cache is present, show the gif preloader and run an AJAX request: */ $('#contentHolder').html('<img src="img/ajax_preloader.gif" width="64" height="64" class="preloader" />'); $.get(element.data('page'),function(msg){ $('#contentHolder').html(msg); /* After page was received, add it to the cache for the current hyperlink: */ element.data('cache',msg); }); } else $('#contentHolder').html(element.data('cache')); e.preventDefault(); }) /* Emulating a click on the first tab so that the content area is not empty: */ the_tabs.eq(0).click(); }); |
Op de voorpagina wordt page1.html geopend in div contentHolder
Ik wil dus op page1.html een link maken naar page3.html, zodat als men daarop klikt, deze geopend wordt in die contentHolder.
Is dit duidelijker? Het is voor mij ook een leerproces met jQuery
Alle benodigdheden voor cupcakes, taarten en andere lekkere dingen :-9 www.bakgoed.nl
| 1 | $("a.linkToFirstTab").click(function() { $("#tab-3").click(); }); |
waarbij je de eventhandler aan de juiste tab linked en tab-3 vervangt door het id van het tab dat je wil openen
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?
Ah, het wordt dus toch tijd om mij er wat meer in te verdiepen
Bedankt voor jullie antwoorden
Bedankt voor jullie antwoorden
Alle benodigdheden voor cupcakes, taarten en andere lekkere dingen :-9 www.bakgoed.nl
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?
Dankjewel! Die is inderdaad een stuk duidelijker 
Alle benodigdheden voor cupcakes, taarten en andere lekkere dingen :-9 www.bakgoed.nl
http://jqfundamentals.com/
Must-read als je wat met jQuery wil gaan doen, of doet, maar er niets van snapt
Must-read als je wat met jQuery wil gaan doen, of doet, maar er niets van snapt
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?
iemand ooit een bedrijf/evenement page gemaakt op facebook?
als ik een extra tab wil invoegen, is dat dan een webpagina die geintergreerd wordt in facebook?
en heb ook voorbeelden gezien (ben ze ff kwijt) die daadwerkelijk tabbladen maken
kan er alleen geen goede uitleg over vinden hoe dat werkt, heeft iemand een idee?
als ik een extra tab wil invoegen, is dat dan een webpagina die geintergreerd wordt in facebook?
en heb ook voorbeelden gezien (ben ze ff kwijt) die daadwerkelijk tabbladen maken
kan er alleen geen goede uitleg over vinden hoe dat werkt, heeft iemand een idee?
Daar geef je het antwoord al..quote:
Tabs aanmaken, is gewoon een link toevoegen naar een pagina die je zelf ergens host. Deze wordt dan in een iframe ingeladen. Alle uitleg hierover staat trouwens op de developerspagina's van Facebook.
[ Bericht 5% gewijzigd door QM84 op 11-09-2012 13:46:30 ]
dat dus.
http://fixingthesejquery.com/quote:
http://jqfundamentals.com/
Must-read als je wat met jQuery wil gaan doen, of doet, maar er niets van snapt
die ok trouwens
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?
Jezus wat een misselijkmakende usability-failurequote:
[..]
http://fixingthesejquery.com/
die ok trouwens
Als je niet wilt dat mensen je website bezoeken, haal 'm dan gewoon offline 
Oef.. gelukkig dat er meer mensen zo over denken.. Ik werd ook niet bepaald blij van die site..
Goed voorbeeld van iemand die wel weet hoe jQuery werkt, maar niet hoe websites werken..
Goed voorbeeld van iemand die wel weet hoe jQuery werkt, maar niet hoe websites werken..
dat dus.
het is hier geen showcase toch?
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?
Weet iemand hoe ik met een simpel javascript, data kan krijgen van een andere website?
Site A heeft bijvoorbeeld info (komt via PHP uit een DB):
Dag: maandag
Te doen: sporten
Site B (een site die geen PHP ondersteund en niet bij de DB kan van site A) moet via een script, dat ophalen:
En printen: Maandag: Sporten bijvoorbeeld.
Site A heeft bijvoorbeeld info (komt via PHP uit een DB):
Dag: maandag
Te doen: sporten
Site B (een site die geen PHP ondersteund en niet bij de DB kan van site A) moet via een script, dat ophalen:
En printen: Maandag: Sporten bijvoorbeeld.
Ik weet nog heel weinig van scripten, ben echt net begonnen. Nu focus ik me op de semantiek van HTML dus wil graag alles netjes neerzetten zoals het hoort. Nou heb ik een hele suffe vraag, en ik heb al in een boek gekeken op op w3schools en nog wat sites maar ik kan het antwoord niet zo letterlijk vinden.
Mag je een h2 heading boven meerdere paragrafen gebruiken, of moet je dan perse een h3 gebruiken na een h2? Met andere woorden: is het toegestaan/netjes om dat te doen?
Mag je een h2 heading boven meerdere paragrafen gebruiken, of moet je dan perse een h3 gebruiken na een h2? Met andere woorden: is het toegestaan/netjes om dat te doen?
@JDx: volgens mij kun je geen scripting met ajax (javascript) aanroepen van een andere server, je kunt wel javascript includen in je HTML document <script>
@Meteoric: Volgens mij hoeft dat niet, maar een H3 na een H2 is natuurlijk wel een 'mooie' oplossing die duidelijk gelezen kan worden door zoekmachines, waarde van H2 is hoger dan een H3.
@Meteoric: Volgens mij hoeft dat niet, maar een H3 na een H2 is natuurlijk wel een 'mooie' oplossing die duidelijk gelezen kan worden door zoekmachines, waarde van H2 is hoger dan een H3.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Heb het zelf al uitgevonden:
SITE A (vraagt info op van site b):
<script type="text/javascript"><!--
day_id = 1;
//-->
</script>
<script type="text/javascript"
src="http://www.site-b.nl/iframe.js">
</script>
SITE B (iframe.js):
function makeFrame() {
ifrm = document.createElement("IFRAME");
ifrm.setAttribute("src", "http://www.site-b.nl/getinfo.php?id=" + day_id);
ifrm.style.width = 800+"px";
ifrm.style.height = 600+"px";
ifrm.style.border = 0;
document.body.appendChild(ifrm);
}
makeFrame();
En dat terwijl ik nog nooit met JavaScript heb gewerkt!
Kon wel al PHP btw.
SITE A (vraagt info op van site b):
<script type="text/javascript"><!--
day_id = 1;
//-->
</script>
<script type="text/javascript"
src="http://www.site-b.nl/iframe.js">
</script>
SITE B (iframe.js):
function makeFrame() {
ifrm = document.createElement("IFRAME");
ifrm.setAttribute("src", "http://www.site-b.nl/getinfo.php?id=" + day_id);
ifrm.style.width = 800+"px";
ifrm.style.height = 600+"px";
ifrm.style.border = 0;
document.body.appendChild(ifrm);
}
makeFrame();
En dat terwijl ik nog nooit met JavaScript heb gewerkt!
Kon wel al PHP btw.
ligt eraan hoe je het wilt gebruiken. Als beide titels het zelfde niveau hebben moet je dezelfde tag gebruiken. Als de een een subkopje is van de ander, moet je een niveau lager (dus hogere index) gebruiken.quote:Op woensdag 12 september 2012 21:15 schreef Meteoric het volgende:
Ik weet nog heel weinig van scripten, ben echt net begonnen. Nu focus ik me op de semantiek van HTML dus wil graag alles netjes neerzetten zoals het hoort. Nou heb ik een hele suffe vraag, en ik heb al in een boek gekeken op op w3schools en nog wat sites maar ik kan het antwoord niet zo letterlijk vinden.
Mag je een h2 heading boven meerdere paragrafen gebruiken, of moet je dan perse een h3 gebruiken na een h2? Met andere woorden: is het toegestaan/netjes om dat te doen?
Kijk anders ook eens naar de <section> tag
Tegenwoordig kan je min of meer af door slechts h1 te gebruiken. In een pagina kan een section, in een section een header en een article, in een article kan weer een header en een section met allen h1-elementen terwijl het nog steeds semantisch correct is.
“Specialization is for insects”.—Robert Heinlein
