abonnement Unibet Coolblue
  donderdag 8 december 2011 @ 11:18:18 #1
12221 Tijn
Powered by MS Paint
pi_105331290
[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (code.png), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
  donderdag 8 december 2011 @ 11:20:29 #2
12221 Tijn
Powered by MS Paint
pi_105331350
Ik zit nog hiermee:

quote:
5s.gif Op donderdag 8 december 2011 10:56 schreef Tijn het volgende:
Stel ik heb een hele lange lijst met korte items. Daar zou ik dan graag twee kolommen in willen aanbrengen. Maar ik wil er niet twee aparte lijsten van maken. Wat doe ik dan?
pi_105331386
moet het echt per sé in 2 uls dan?

Je moet je nooit door 'regels' en 'semantiek' laten leiden als je het daardoor jezelf onnodig moeilijk maakt.
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?
pi_105331437
quote:
2s.gif Op donderdag 8 december 2011 11:20 schreef Tijn het volgende:
Ik zit nog hiermee:

[..]

Divs?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105331559
Hoe kan je met CSS instellen dat een regel tekst bij een bepaalde breedte (einde van de div) wordt afgebroken en dat de laatste drie characters "..." worden? Ik ben dit ooit tegengekomen maar ik kan het niet meer terugvinden. Iets met overflow?
pi_105331585
http://www.quirksmode.org/css/textoverflow.html
1
2
3
4
5
6
7
p.test {
    border: 1px solid #000000;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
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?
pi_105331602
quote:
Super bedankt!
  donderdag 8 december 2011 @ 11:30:19 #8
12221 Tijn
Powered by MS Paint
pi_105331612
quote:
11s.gif Op donderdag 8 december 2011 11:21 schreef Catch22- het volgende:

Je moet je nooit door 'regels' en 'semantiek' laten leiden als je het daardoor jezelf onnodig moeilijk maakt.
In veel gevallen geef ik je gelijk, maar het is in dit geval belangrijk dat het echt zo correct mogelijk is.
  donderdag 8 december 2011 @ 11:31:12 #9
12221 Tijn
Powered by MS Paint
pi_105331641
quote:
14s.gif Op donderdag 8 december 2011 11:23 schreef boem-dikkie het volgende:

[..]

Divs?
Hoe zie je dat dan voor je?
  donderdag 8 december 2011 @ 11:32:06 #10
56176 Catch22-
Ben je Blind?!
pi_105331667
oke, wat voor data heb je? want je bent vrij summier in je specs.

misschien dat je wat kan stoeien met display:inline enzo, maar het blijft gekunstel. Kan je de data niet anders aanleveren?

In plaats van 1.2.3.4.5.6 > 1.4.2.5.3.6
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?
pi_105331675
quote:
5s.gif Op donderdag 8 december 2011 11:31 schreef Tijn het volgende:

[..]

Hoe zie je dat dan voor je?
Oh wacht, ik heb dat wel eens gedaan maar dat was in een form. Ik denk niet dat list items scheiden met een div een heel correct resultaat oplevert. :')
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 8 december 2011 @ 11:38:05 #12
12221 Tijn
Powered by MS Paint
pi_105331811
quote:
11s.gif Op donderdag 8 december 2011 11:32 schreef Catch22- het volgende:
oke, wat voor data heb je? want je bent vrij summier in je specs.

misschien dat je wat kan stoeien met display:inline enzo, maar het blijft gekunstel. Kan je de data niet anders aanleveren?

In plaats van 1.2.3.4.5.6 > 1.4.2.5.3.6
Het is een lijstje met gemeentes.

Gewoon zo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<ul>
    <li>Alblasserdam</li>
    <li>Albrandswaard</li>
    <li>Alphen aan den Rijn</li>
    <li>Barendrecht</li>
    <li>Bergambacht</li>
    <li>Bernisse</li>
    <li>Binnenmaas</li>
    <li>Bodegraven-Reeuwijk</li>
    <li>Boskoop</li>
    <li>Brielle</li>
    <li>Capelle aan den IJssel</li>
    <li>Cromstrijen</li>
    <li>'s-Gravenhage</li>
    <li>Delft</li>
    <li>Dirksland</li>
    <li>Dordrecht</li>
    <li>Giessenlanden</li>
    <li>Goedereede</li>
    <li>Gorinchem</li>
    <li>Gouda</li>
</ul>

Maar dan een heleboel (alle gemeentes van een provincie). Omdat het zo'n lange lijst wordt, wil ik graag dat het visueel in twee kolommen wordt verdeeld. Maar het is belangrijk dat dat zo toegankelijk en w3c-correct mogelijk wordt gedaan. Het is eigenlijk niet acceptabel om er twee lijst-elementen van te maken. En het is dus de bedoeling dat de volgorde min of meer in tact blijft.
pi_105331865
misschien sub-koppen maken
A - B - C - ....- Z
als je dan op een letterklikt dat je dan de lijst krijgt met de steden die beginnen met die letter?
  donderdag 8 december 2011 @ 11:41:26 #14
4159 GI
Nee ik heet geen JOE
pi_105331897
1
2
3
4
<ul width=evenbreedals 2 li's met wat padding erbij >
    <li class="floatLeft">Alblasserdam</li><li class="floatright">Albrandswaard</li>
etccetc..
</ul>
?
  donderdag 8 december 2011 @ 11:45:24 #15
12221 Tijn
Powered by MS Paint
pi_105332025
quote:
3s.gif Op donderdag 8 december 2011 11:41 schreef GI het volgende:

[ code verwijderd ]

?
Ja, zoiets heb ik nu dus. Dat kan op zich wel hoor, maar eigenlijk is de volgorde dan verkeerd. Maar ik zou het mooier vinden als het zo werd:

1 4
2 5
3 6

Ik weet niet hoe ik dat voor elkaar zou moeten krijgen.
pi_105332083
quote:
14s.gif Op donderdag 8 december 2011 11:45 schreef Tijn het volgende:

[..]

Ja, zoiets heb ik nu dus. Dat kan op zich wel hoor, maar eigenlijk is de volgorde dan verkeerd. Maar ik zou het mooier vinden als het zo werd:

1 4
2 5
3 6

Ik weet niet hoe ik dat voor elkaar zou moeten krijgen.
Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:
http://www.css3.info/preview/multi-column-layout/
  donderdag 8 december 2011 @ 11:48:37 #17
4159 GI
Nee ik heet geen JOE
pi_105332118
Wat je dan nog zou kunnen doen is

1
2
3
4
5
6
7
8
9
10
11
12
        <ul>
              <div id="Links">
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
              </div>
              <div id="Rechts">
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
               </div>
         </ul>
Maar ik weet niet in hoeverre dat semantisch nog helemaal volgens de regels is. In principe zou het eventuele compabiliteit dingen niet in de weg staan denk ik.
  donderdag 8 december 2011 @ 11:49:37 #18
4159 GI
Nee ik heet geen JOE
pi_105332145
quote:
14s.gif Op donderdag 8 december 2011 11:47 schreef picodealion het volgende:

[..]

Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:
http://www.css3.info/preview/multi-column-layout/
quote:
Multi-column layout is currently only supported in Mozilla based browsers and Safari 3, who have prefixed the properties with respectively -moz- and -webkit-. The example below is done with column-width, the CSS for it is as follows:
Laat me raden. IE doet niet mee ?
  donderdag 8 december 2011 @ 11:50:34 #19
12221 Tijn
Powered by MS Paint
pi_105332175
quote:
14s.gif Op donderdag 8 december 2011 11:47 schreef picodealion het volgende:

[..]

Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt:
http://www.css3.info/preview/multi-column-layout/
Ja, dat is best tof. Maar gaat natuurlijk nooit werken in IE enzo ;(

quote:
3s.gif Op donderdag 8 december 2011 11:48 schreef GI het volgende:
Wat je dan nog zou kunnen doen is
[ code verwijderd ]

Maar ik weet niet in hoeverre dat semantisch nog helemaal volgens de regels is. In principe zou het eventuele compabiliteit dingen niet in de weg staan denk ik.
Aan zoiets zat ik ook te denken... maar ik weet niet hoe erg ze het vinden dat er een div in een ul staat zonder li eromheen. Volgens mij valideert dat niet (althans niet met XHTML strict, waarin ik deze pagina maak).
pi_105332189
Je kan ook iets proberen als display: table op de container en display: table-cell op de column ;)

Edit: lees net dat het niet werkt op IE7 en lager.
💍 💍 💍 💍 💍 💍 🍌 ☎
  donderdag 8 december 2011 @ 11:51:47 #21
12221 Tijn
Powered by MS Paint
pi_105332218
quote:
0s.gif Op donderdag 8 december 2011 11:40 schreef MrNiles het volgende:
misschien sub-koppen maken
A - B - C - ....- Z
als je dan op een letterklikt dat je dan de lijst krijgt met de steden die beginnen met die letter?
Misschien is dit trouwens uiteindelijk ook niet zo'n slechte oplossing. Dan maar geen kolommen.
pi_105332298
quote:
14s.gif Op donderdag 8 december 2011 11:51 schreef Tijn het volgende:

[..]

Misschien is dit trouwens uiteindelijk ook niet zo'n slechte oplossing. Dan maar geen kolommen.
ik denk dat de leesbaarheid veel beter is...
2 kolommen kan toch best verwarrend werken
en om hoeveel regels gaat het wel niet?
  donderdag 8 december 2011 @ 11:57:24 #23
12221 Tijn
Powered by MS Paint
pi_105332401
quote:
0s.gif Op donderdag 8 december 2011 11:54 schreef MrNiles het volgende:

[..]

ik denk dat de leesbaarheid veel beter is...
2 kolommen kan toch best verwarrend werken
en om hoeveel regels gaat het wel niet?
Ja, ik denk dat je gelijk hebt. Sommige provincies (zoals Zuid-Holland) hebben tegen de 100 gemeenten, dus dat loopt aardig op.
  donderdag 8 december 2011 @ 12:01:55 #24
4159 GI
Nee ik heet geen JOE
pi_105332545
quote:
14s.gif Op donderdag 8 december 2011 11:57 schreef Tijn het volgende:

[..]

Ja, ik denk dat je gelijk hebt. Sommige provincies (zoals Zuid-Holland) hebben tegen de 100 gemeenten, dus dat loopt aardig op.
Is het essentieel dat het in één lijst staat dan ? Je zou ook via jquery of iets in die geest een zoekfilter in kunnen bouwen.
pi_105332605
Als je alle gemeenten moet opsommen zou ik inderdaad gewoon gaan voor de A-B-C-..-Z lijst. Veel overzichtelijker.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 8 december 2011 @ 12:04:32 #26
12221 Tijn
Powered by MS Paint
pi_105332639
quote:
3s.gif Op donderdag 8 december 2011 12:01 schreef GI het volgende:

[..]

Is het essentieel dat het in één lijst staat dan ?
Ja. Het is semantisch één lijst, dus het moet ook in één lijstelement zitten.

quote:
Je zou ook via jquery of iets in die geest een zoekfilter in kunnen bouwen.
Het is echt compleet onacceptabel dat het niet zou werken zonder Javascript, dus ik denk niet dat zoiets een oplossing gaat zijn :+
  donderdag 8 december 2011 @ 12:05:16 #27
12221 Tijn
Powered by MS Paint
pi_105332667
Bedankt voor het meedenken, mensen. Zo'n forum is echt ideaal voor de eenzame ZZP'er die geen collega's heeft om mee te overleggen :P
  donderdag 8 december 2011 @ 12:26:41 #28
56176 Catch22-
Ben je Blind?!
pi_105333419
Maar je werkt voor de overheid dus?
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?
  donderdag 8 december 2011 @ 12:27:55 #29
4159 GI
Nee ik heet geen JOE
pi_105333443
quote:
11s.gif Op donderdag 8 december 2011 12:26 schreef Catch22- het volgende:
Maar je werkt voor de overheid dus?
Het is een ZZPer ;)
  donderdag 8 december 2011 @ 12:28:28 #30
56176 Catch22-
Ben je Blind?!
pi_105333460
die kunnen niet voor de overheid werken?
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?
  donderdag 8 december 2011 @ 12:44:41 #31
12221 Tijn
Powered by MS Paint
pi_105333952
quote:
11s.gif Op donderdag 8 december 2011 12:26 schreef Catch22- het volgende:
Maar je werkt voor de overheid dus?
Nee, het is voor een belangenorganisatie voor mensen met een handicap, maar het heeft wel met de overheid te maken. Ze willen wel graag het goede voorbeeld geven door zich te houden aan dingen als Drempelvrij en de Webrichtlijnen van de Overheid te houden.
pi_105356811
quote:
14s.gif Op donderdag 8 december 2011 11:50 schreef Tijn het volgende:

Aan zoiets zat ik ook te denken... maar ik weet niet hoe erg ze het vinden dat er een div in een ul staat zonder li eromheen. Volgens mij valideert dat niet (althans niet met XHTML strict, waarin ik deze pagina maak).
Een ul mag alleen li's bevatten, en moet ten minste 1 li bevatten om geldige (x)html te zijn. :)
pi_105364785
Op mijn site wil ik graag een map waarop alle sushirestaurants staan. De gegevens van de sushirestaurants staan in dit kml-bestand. Nu gebruik ik de standaard methode van google om de kml aan te roepen, echter krijg ik geen markers te zien (zelfs geen kaart) op http://www.japansesushi.nl/restaurants.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
 <script type="text/javascript">
          var map;
        var geoXml;

        function initialize() {
              if (GBrowserIsCompatible()) {
                   map = new GMap2(document.getElementById("map_canvas")); 
                geoXml = new GGeoXml("http://www.japansesushi.nl/restaurantskml.kml");
                map.addControl(new GLargeMapControl());
                   map.setCenter(new GLatLng(52.18958,5.29524), 7);                map.addControl(new GLargeMapControl());
                map.addOverlay(geoXml);
              }
        } 
        
      google.maps.event.addDomListener(window, 'load', initialize);
       
    </script>
        <div id="map-canvas" style="width: 500px; height: 400px"></div>


[ Bericht 31% gewijzigd door _superboer_ op 09-12-2011 02:24:48 ]
pi_105365778
Je kunt ook met :nth-child je lijst in kolommen opdelen. Mits je schijt hebt aan oude IE-versies.
pi_105365960
Laat maar, lijkt het nu wel te doen :)

[ Bericht 48% gewijzigd door _superboer_ op 09-12-2011 04:30:55 ]
pi_105368510
Ik heb een sticky footer gemaakt voor op mn website (zie de code hieronder) hij werkt nu overal, behalve op de iphone/ipad
ik heb ergens gelezen dat dit met position fixed te maken heeft

is er iemand die weet hoe ik dit kan verhelpen?

<div class="push"></div>
<div class="footer">
<div class="footer-align">
<p>Copyright Marcel Woudstra all rights reserved 2011</p> </div>

</div>
</div>
</div>

.footer {
position:fixed;
bottom:0;
width:100%;
height:50px;
background-color:#202020;
font-family : Helvetica, Verdana, sans-serif;
font-size : 10px;
color:#9e9e9e;
}

.footer-align {
padding-top:10px;
text-align:center;
}

.push {
height:50px;
}
  vrijdag 9 december 2011 @ 10:04:58 #37
56176 Catch22-
Ben je Blind?!
pi_105368640
quote:
0s.gif Op vrijdag 9 december 2011 01:38 schreef _superboer_ het volgende:
Op mijn site wil ik graag een map waarop alle sushirestaurants staan. De gegevens van de sushirestaurants staan in dit kml-bestand. Nu gebruik ik de standaard methode van google om de kml aan te roepen, echter krijg ik geen markers te zien (zelfs geen kaart) op http://www.japansesushi.nl/restaurants.
[ code verwijderd ]

ik wel?
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?
  vrijdag 9 december 2011 @ 10:42:47 #38
220026 Treces
Hier had uw tekst kunnen staan
pi_105369691
quote:
0s.gif Op vrijdag 9 december 2011 01:38 schreef _superboer_ het volgende:
Op mijn site wil ik graag een map waarop alle sushirestaurants staan. De gegevens van de sushirestaurants staan in dit kml-bestand. Nu gebruik ik de standaard methode van google om de kml aan te roepen, echter krijg ik geen markers te zien (zelfs geen kaart) op http://www.japansesushi.nl/restaurants.
[ code verwijderd ]

Je gebruikt een oude versie van Google Maps (versie 2). Maar er is niks mis mee hier.
pi_105370677
quote:
0s.gif Op vrijdag 9 december 2011 10:00 schreef DoeJohn het volgende:
Ik heb een sticky footer gemaakt voor op mn website (zie de code hieronder) hij werkt nu overal, behalve op de iphone/ipad
ik heb ergens gelezen dat dit met position fixed te maken heeft

is er iemand die weet hoe ik dit kan verhelpen?

<div class="push"></div>
<div class="footer">
<div class="footer-align">
<p>Copyright Marcel Woudstra all rights reserved 2011</p> </div>

</div>
</div>
</div>

.footer {
position:fixed;
bottom:0;
width:100%;
height:50px;
background-color:#202020;
font-family : Helvetica, Verdana, sans-serif;
font-size : 10px;
color:#9e9e9e;
}

.footer-align {
padding-top:10px;
text-align:center;
}

.push {
height:50px;
}
Laat dit gewoon weg op een telefoon, daar heb je sowieso al weinig schermruimte. Om dan een footer constant in beeld te hebben is gewoon schermvervuiling.
  vrijdag 9 december 2011 @ 15:06:06 #40
228072 Crimyclown
Sapper de fap!
pi_105378874
Ben bezig met een ontwerp voor een eindexamenopdracht. Dit ontwerp is voor een applicatie die de klant in de toekomst misschien veelvuldig gaat verspreiden. Het ontwerp is gratis voor de klant maar kan ik hier auteursrechten etc. contractueel met de klant over vastleggen zodat deze gratis versie slechts unicum is en niet voor publicatie?
Anonieme tievesclown
  vrijdag 9 december 2011 @ 15:07:09 #41
137776 boem-dikkie
Jedi Mind Baby!
pi_105378917
quote:
0s.gif Op vrijdag 9 december 2011 15:06 schreef Crimyclown het volgende:
Ben bezig met een ontwerp voor een eindexamenopdracht. Dit ontwerp is voor een applicatie die de klant in de toekomst misschien veelvuldig gaat verspreiden. Het ontwerp is gratis maar kan ik hier auteursrechten etc. contractueel met de klant over vastleggen zodat deze gratis versie slechts unicum is en niet voor publicatie?
Ja dit soort punten kun je vastleggen in een contract.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  vrijdag 9 december 2011 @ 15:08:37 #42
228072 Crimyclown
Sapper de fap!
pi_105378980
quote:
14s.gif Op vrijdag 9 december 2011 15:07 schreef boem-dikkie het volgende:

[..]

Ja dit soort punten kun je vastleggen in een contract.
Misschien is het een beetje grof, maar het ontwerp is erg sterk. En als die het ontwerp in de toekomst veelvoudig gaat publiceren heb ik er niets aan.

Bedankt in ieder geval ^O^ .
Anonieme tievesclown
pi_105384567
quote:
14s.gif Op vrijdag 9 december 2011 15:07 schreef boem-dikkie het volgende:

[..]

Ja dit soort punten kun je vastleggen in een contract.
Contract? Gewoon de goeie licentie kiezen voor je software is voldoende.

Al kan het nooit kwaad om met de opdrachtgever af te spreken wat je precies zult opleveren natuurlijk.
  vrijdag 9 december 2011 @ 18:01:58 #44
228072 Crimyclown
Sapper de fap!
pi_105384801
quote:
14s.gif Op vrijdag 9 december 2011 17:56 schreef KomtTijd... het volgende:

[..]

Contract? Gewoon de goeie licentie kiezen voor je software is voldoende.

Al kan het nooit kwaad om met de opdrachtgever af te spreken wat je precies zult opleveren natuurlijk.
Het gaat om een ontwerp. Tekeningen en onderzoeken voor de website.
Anonieme tievesclown
  vrijdag 9 december 2011 @ 18:46:45 #45
298746 Dalando
18, niet meer gefrustreerd
pi_105386399
quote:
14s.gif Op woensdag 7 december 2011 15:30 schreef picodealion het volgende:

[..]

Een simpele jQuery slideshow plugin:
http://jquery.malsup.com/cycle/
Alleen de plaatjes laden zo snel dat soms de plaatjes nog niet helemaal geladen zijn maar dan moeten ze toch al worden weergegeven :') Is er een preload functie ofzo?
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  vrijdag 9 december 2011 @ 20:48:31 #46
137776 boem-dikkie
Jedi Mind Baby!
pi_105392119
Ik wil dat als mensen in de div 'content' op het linkje werk klikken er in de footer een link highlight. Nou heb ik met jQuery dit gemaakt maar het werkt niet. Zou niet weten waarom niet, iemand enig idee?

1
2
3
4
5
            $(document).ready(function() {
                $('a#werk').hover(function () {
                     $(this).find('a#werkfooter').css("background-color", "#343434");
                });
                });
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105392285
Daar heb je die hele find niet voor nodig. Gewoon

1$('a#werkfooter').css("background-color", "#343434");
zou moeten voldoen.
pi_105392492
Als aanvulling: 'find' begint met de DOM doorzoeken bij het element waar je op dat moment bent, en wordt vaak gebruikt om de dichtstbijzijnde element van iets te vinden.

Als je een class of element hebt dat vaker voorkomt en je wil degene vinden die het dichtst bij is gebruik je 'find'. Als je een ID hebt weet je dat het element uniek is op de pagina, en hoef je dus niet te zoeken. Het is namelijk al bekend welk element je op doelt.
  vrijdag 9 december 2011 @ 20:54:19 #49
137776 boem-dikkie
Jedi Mind Baby!
pi_105392501
Hij doet het inderdaad. Thanks.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_105424248
Ik heb vijf linkjes onder elkaar met dezelfde class 'naarboven'.

Nou wil ik dat dat eerste linkje niet zichtbaar is. Dus ik heb dit toegevoegd:

1
2
3
a.naarboven:first-child{
display:none;
}

Hij laat nu geen één meer zien, iemand enig idee waarom?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')