Trollface, heldquote:
1 2 3 4 5 6 7 8 9 | <div id="1">1</div> <div id="2">2</div> <div id="3">3</div> <div id="4">4</div> <div id="5">5</div> </div> |
1 2 3 4 5 6 7 | if($(this).attr('id')) { $(this).mouseover(function() { checkPlaats($(this).attr('id')); } ) ; } } ) ; |
Heb nu wel iets voor jequote:Op dinsdag 15 juni 2010 23:00 schreef wobbel het volgende:
[..]
Je wilde onmouseover als advies geven?
Ik kan me vergissen, maar volgens mij levert $('div#plattegrond') altijd maar 1 div op.quote:
In mijn ervaring doet het bij id's ook de onderliggende elementen selecteren... ik kan me ook vergissen though.quote:Op dinsdag 15 juni 2010 23:08 schreef Light het volgende:
[..]
Ik kan me vergissen, maar volgens mij levert $('div#plattegrond') altijd maar 1 div op.
En een id mag niet beginnen met een cijfer.
Ik weet het niet, maar ik zou het onlogisch vinden.quote:Op dinsdag 15 juni 2010 23:13 schreef Trollface. het volgende:
[..]
In mijn ervaring doet het bij id's ook de onderliggende elementen selecteren... ik kan me ook vergissen though.
Bij CSS selectors is het iig zo dat je bijquote:Op dinsdag 15 juni 2010 23:15 schreef Light het volgende:
[..]
Ik weet het niet, maar ik zou het onlogisch vinden.
1 |
Nee, met a#test selecteer je de a-elementen met id "test". In jouw voorbeeld doet a#test dus niets. Dan moet je #test a gebruiken, voor alle a's in #test.quote:Op dinsdag 15 juni 2010 23:17 schreef Trollface. het volgende:
[..]
Bij CSS selectors is het iig zo dat je bij
[ code verwijderd ]
gewoon a#test kunt selecteren... in een CSS selector dan, weet niet in hoeverre een jQuery selector daarvan afwijkt?
Oeps.quote:Op dinsdag 15 juni 2010 23:22 schreef Light het volgende:
[..]
Nee, met a#test selecteer je de a-elementen met id "test". In jouw voorbeeld doet a#test dus niets. Dan moet je #test a gebruiken, voor alle a's in #test.
Zie de aangepaste post van Trollface.quote:Op woensdag 16 juni 2010 08:30 schreef wobbel het volgende:
Maar hebben jullie al iets concreets voor mij te melden?
quote:Op woensdag 16 juni 2010 09:10 schreef Light het volgende:
[..]
Zie de aangepaste post van Trollface.
jQuery vind ik persoonlijk het fijnste framework dat er is, zeker vergeleken met mootools of prototype, als schijnt deze laatste veel meer te kunnen oid.quote:Op woensdag 16 juni 2010 09:34 schreef Darkomen het volgende:
[..]
Dat Jquery is wel handig zeg, moet er ook maar eens wat meer naar kijken
Sja zo'n afweging is het altijd... en als de functies groter worden, is het de vraag of je nog wel met het framework uit de voeten kunt. Ik heb zelf tot nu toe nog nooit een framework of library gebruikt. Vooral omdat ik er nog nooit een toepassing voor gehad heb.quote:Op woensdag 16 juni 2010 10:34 schreef Darkomen het volgende:
Ik heb er al veel van gezien, maar ik schrijf vrij veel zelf, en voor kleine functies wil ik niet gelijk een library erin gooien als is 24kb niet groot.
1 |
1 2 3 4 5 6 7 8 9 10 | function makesure() { if (confirm('Weet u het zeker? ')) { return true; } else { return false; } } </script> |
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 | function makesure() { if (confirm('Weet u het zeker? ')) { return true; } else { return false; } } </script> <script language="Javascript"> <!-- function OnButton1() { document.Form1.action = "wijzig.php" document.Form1.submit(); // Submit the page return true; } function OnButton2() { document.Form1.action = "delete.php" document.Form1.submit(); // Submit the page return true; } --> </script> |
Ow geniaal! zo had ik het niet geprobeerd. Werkt goed!quote:Op donderdag 17 juni 2010 12:52 schreef Darkomen het volgende:
onclick="functie1();functie2();" geen probleem
was niet echt duidelijk dat je dat wildequote:Op donderdag 17 juni 2010 13:20 schreef Phoneutria het volgende:
[..]
Ow geniaal! zo had ik het niet geprobeerd. Werkt goed!
edit: Ow helaas toch niet in mijn situatie, want als ik nu op annuleren druk dan voert hij het 2e script nog wel uit.![]()
1 2 3 4 5 6 7 8 9 10 11 12 | function limitText(limitField, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else (limitfield.value.length > 499 ); { alert ('teveel tekens'); } } </script> |
1 2 3 4 5 6 7 8 9 10 11 12 | function limitText(limitField, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else if(limitField.value.length > 499 ) { alert ('teveel tekens'); } } </script> |
1 2 3 4 5 6 7 8 | var height; while(document.getElementById("carpet_container").clientHeight < unfold_heigth) { height = document.getElementById("carpet_container").clientHeight; document.getElementById("carpet_container").style.height = (height + 1)+"px"; wait(40); } } |
Ah is die gewoon goed dus.quote:Op maandag 28 juni 2010 13:50 schreef b4kl4p het volgende:
clientHeight geeft de waarde van de client als integer
style.height in pixels, dus bv "100px" en client "100"
Maar als setter werkt clientHeight niet.
Alleen veranderd deze het stylesheet per kwartaal in plaats van per seizoen...quote:<script type="text/javascript">
function load_css(url) {
var e = document.createElement("link");
e.href = url;
e.type = "text/css";
e.rel = "stylesheet";
e.media = "screen";
document.getElementsByTagName("head")[0].appendChild(e);
}
window.onload = function( ) {
var date = new Date;
var month = date.getMonth( ) + 1;
var Q = Math.floor( ( month ) / 3 ) + 1;
if ( Q == 5 ) { Q = 1; } // december fudge //
if ( Q == 1 ) { load_css("css/winter.css"); }
else if ( Q == 2 ) { load_css("lente.css"); }
else if ( Q == 3 ) { load_css("zomer.css"); }
else if ( Q == 4 ) { load_css("herfst.css"); }
}
</script>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <script src="jquery.smooth-scroll.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('li a').smoothScroll({ afterScroll: function() { /* location.hash = this.hash; */ } }); $('button.scrollsomething').click(function() { $.smoothScroll({ scrollElement: $('div.scrollme'), scrollTarget: '#findme' }); return false; }); }); </script> <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> |
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 | type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>NVVGP - CMS</title> <link href="media/main.css" rel="stylesheet" type="text/css" /> </head> <body onload="initialize()" onunload="GUnload()"> <?php include 'includes/menu.php' ?> <script type="text/javascript"> var map = null; var geocoder = null; function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.4419, -122.1419), 1); map.setUIToDefault(); geocoder = new GClientGeocoder(); } } function showAddress() { var address = document.getElementById("straat") + ", " + document.getElementById("postcode") + ", " + document.getElementById("woonplaats"); if (geocoder) { geocoder.getLatLng( address, function(point) { if (!point) { //alert(address + " not found"); } else { map.setCenter(point, 15); var marker = new GMarker(point, {draggable: true}); map.addOverlay(marker); point = point.toString(); point = point.replace("(", ""); point = point.replace(")", ""); var latlong = point.split(", "); document.getElementById("lat").value = latlong[0]; document.getElementById("long").value = latlong[1]; GEvent.addListener(marker, "dragend", function() { marker.openInfoWindowHtml(marker.getLatLng().toUrlValue(6)); point = marker.getLatLng().toUrlValue(6); point = point.replace("(", ""); point = point.replace(")", ""); var latlong = point.split(","); document.getElementById("lat").value = latlong[0]; document.getElementById("long").value = latlong[1]; }); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(marker.getLatLng().toUrlValue(6)); point = marker.getLatLng().toUrlValue(6); point = point.replace("(", ""); point = point.replace(")", ""); var latlong = point.split(","); document.getElementById("lat").value = latlong[0]; document.getElementById("long").value = latlong[1]; }); GEvent.trigger(marker, "click"); } } ); } } </script> |
Wat ging er nou precies fout dan?quote:Op donderdag 12 augustus 2010 22:08 schreef Swetsenegger het volgende:
Maar eh... hij geeft geen lat en long terug, hij geeft gewoon een positie op de kaart terug he: http://test.xploise.nl/
-edit Ah Als je het map_canvas element hebt geeft hij ze ook terug in de vakjes
Ik had eerst de div met id map_canvas er niet bij.quote:Op donderdag 12 augustus 2010 22:12 schreef boem-dikkie het volgende:
[..]
Wat ging er nou precies fout dan?
Nee, ik bedoel meer, waarom werkt hij nu bij jou wel en deed hij het bij mij niet.quote:Op donderdag 12 augustus 2010 22:13 schreef Swetsenegger het volgende:
[..]
Ik had eerst de div met id map_canvas er niet bij.
Geen idee, ik heb eigenlijk alleen mijn key toegevoegd en de html voor het form en de map.quote:Op donderdag 12 augustus 2010 22:16 schreef boem-dikkie het volgende:
[..]
Nee, ik bedoel meer, waarom werkt hij nu bij jou wel en deed hij het bij mij niet.
1 |
quote:Op maandag 28 juni 2010 13:35 schreef b4kl4p het volgende:
Hoi!
[ code verwijderd ]
Werkt niet! Dit is natuurlijk dikke bullshit en ik snap er geen fuck van. Hij doet de while loop nu maar een keer in plaats van het gevraagde aantal.
Wat doe ik fout? Of moet ik dit in een thread zetten ofzo?
1 2 3 4 5 6 | if (!container) container = document.getElementById('carpet_container'); var height = container.clientHeight; if (height < unfold_height) { container.style.height = (height+1) + "px"; setTimeout(function(){unfoldCarpet(unfold_height, container);}, 40); }} |
Toch vaag. Heb nu jouw code neergezet, de key veranderd en hij doet het nog niet.. als ik je code gewoon kopieer en ik maak er een hele nieuwe pagina van doet hij het opeens wél... Zal er toch iets fout gaan in de pagina waar ik het in heb zitten..quote:Op donderdag 12 augustus 2010 22:20 schreef Swetsenegger het volgende:
[..]
Geen idee, ik heb eigenlijk alleen mijn key toegevoegd en de html voor het form en de map.
-edit- ow nee, ik heb deze regel aangepast want die klopte niet
[ code verwijderd ]
Je had je code ook in de body staan ipv in de header he.quote:Op donderdag 12 augustus 2010 22:34 schreef boem-dikkie het volgende:
[..]
Toch vaag. Heb nu jouw code neergezet, de key veranderd en hij doet het nog niet.. als ik je code gewoon kopieer en ik maak er een hele nieuwe pagina van doet hij het opeens wél... Zal er toch iets fout gaan in de pagina waar ik het in heb zitten..
Dat heb ik al getest, werkt beide niet.quote:Op donderdag 12 augustus 2010 22:37 schreef Swetsenegger het volgende:
[..]
Je had je code ook in de body staan ipv in de header he.
mail maar naar jeroen apedingus 123swets [punt} comquote:Op donderdag 12 augustus 2010 22:47 schreef boem-dikkie het volgende:
Kan ik je via je website bereiken J. ? Dan stuur ik even de link van de pagina die niet werkt door, misschien dat je dan met CTRL-U nog aparte dingen tegenkomt.. pleur hem liever niet hier neer.
Kijk eens hier naar.quote:Op woensdag 18 augustus 2010 21:06 schreef Tijn het volgende:
Heeft iemand een idee hoe je dat doet met een Audio object?
1 |
1 |
Het lijkt me dat document.write deprecated is om script en opmaak niet door elkaar te weven.quote:Op maandag 30 augustus 2010 11:29 schreef Swetsenegger het volgende:
Ik heb een pagina die verschillende talen moet tonen. Omdat het een embedded device is kan dat niet serverside maar alleen clientside.
Ik heb dus zoiets als
[ code verwijderd ]
Maar document.write is deprecated en je moet eigenlijk innerHTML gebruiken. Maar... dit werkt niet
[ code verwijderd ]
Verander ik de onload in onclick werkt het wel, na een klik uiteraard maar de tekst moet er natuurlijk direct staan.
Enig idee waarom het onload event niet werkt?
Dat begrijp ik, maar de w3c houdt niet zoveel rekening met embedded devices.quote:Op maandag 30 augustus 2010 11:51 schreef KomtTijd... het volgende:
[..]
Het lijkt me dat document.write deprecated is om script en opmaak niet door elkaar te weven.
Als je het dan zo oplost, schiet je er nog niets mee op.
Ja, dat gaat dus niet. Maar waarom zou this.innerHTML niet werken?quote:De juiste oplossing zou denk ik zijn de td een ID meegeven, en met document.onload een functie aanroepen die de tekst plaatst.
Mjah, das gezeik. Ga ik de boel bij een volgend apparaat wel eens omgooien.quote:Op maandag 30 augustus 2010 11:46 schreef Tijn het volgende:
Kun je het onload event wel gebruiken op zo'n element? Ik denk het eigenlijk niet.
Je zou misschien functies kunnen maken om de juiste tekstblokken te vullen en die functie dan via window.onload() aanroepen.
this.innerHTML werkt wel, maar zoals Tijn al zei, onload op een tablecell werkt niet. Enneuh, dan zou ik gewoon document.write gebruiken. 't is niet voor niets dat ze het "deprecaten" ipv rigoreus te verwijderen.quote:Op maandag 30 augustus 2010 12:45 schreef Swetsenegger het volgende:
[..]
Dat begrijp ik, maar de w3c houdt niet zoveel rekening met embedded devices.
[..]
Ja, dat gaat dus niet. Maar waarom zou this.innerHTML niet werken?
Maar ik gebruik liever geen deprecated code maar voorlopig doe ik het wel zoquote:Op maandag 30 augustus 2010 12:48 schreef Tijn het volgende:
Maar als het toch alleen maar op een bepaald type apparaat moet werken en document.write() doet wat je wil, dan is het toch goed zo? Zoveel beter is innerHTML nou ook weer niet
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 | { for(i = 1; i < 4; i++) { var a = {}; var e = 'date-'+i; a.e = 'y'; alert(a); var b = {}; var d = 'date-'+i+'-mm'; b.d = 'm'; var c = {}; var f = 'date-'+i+'-dd'; c.f = 'd'; var blaat = { formElements: {a, b, c}, showWeeks: true, statusFormat: "l-cc-sp-d-sp-F-sp-Y", noTodayButton: true }; datePickerController.createDatePicker(blaat); } } |
1 2 3 4 5 6 7 8 9 | { formElements: {"date-1":"Y", "date-1-mm":"m", "date-1-dd":"d"}, showWeeks: true, statusFormat: "l-cc-sp-d-sp-F-sp-Y", noTodayButton: true }; datePickerController.createDatePicker(blaat); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | for(i = 1; i < 4; i++) { var formElements = []; formElements['date-'+i] = 'y'; formElements['date-'+i+'-mm'] = 'm'; formElements['date-'+i+'-dd'] = 'd'; var blaat = { formElements: formElements, showWeeks: true, statusFormat: "l-cc-sp-d-sp-F-sp-Y", noTodayButton: true }; datePickerController.createDatePicker(blaat); } } |
Geweldig, hij doet het. Ik heb alleen nog de formElements-array moeten veranderen in een objectquote:
1 2 3 | $(".pag").load('getinhoud.cfm?p=contact').show(); }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | function onlyNumbers(evt) { var e = event || evt; var charCode = e.which || e.keyCode; if (charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true; } <input type="text" name="NAAM" size="2" maxlength="2" onkeypress="return onlyNumbers();" /> |
Watvoor foutmelding krijg je?quote:Op donderdag 7 oktober 2010 12:28 schreef mcf het volgende:
Hallo,
mijn javascript code die er voor zorgt dat ik in een <input type="text" /> textbox alleen maar cijfers kan typen werkt op de een of andere manier niet in mozilla firefox. Maar hij werkt wel in Google Chrome en Internet Explorer.
Weet iemand hoe ik dit kan oplossen.
[ code verwijderd ]
MVG
1 |
Nice, thx broquote:Op donderdag 7 oktober 2010 12:52 schreef FastFox91 het volgende:
Momentje googlen naar andere methode:
[ code verwijderd ]
En hoever was je met debuggen?quote:Op donderdag 7 oktober 2010 12:50 schreef mcf het volgende:
Geen, firefox laat ook letters toe, en niet alleen nummers..
quote:Ah cool, thanks.Op zondag 24 oktober 2010 15:31 schreef FastFox91 het volgende:
http://code.google.com/in(...)s_api_reference.html
Met onStateChange vang je de status op, als dat 2 is pak je de tijd met player.getCurrentTime() en dan moet je die waarde in de input.value stoppen.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var tijd = Math.round(ytplayer.getCurrentTime()); var minuten = 0; var seconden = 0; var actueleTijd; while (tijd > 60) { minuten ++; tijd -= 60; } actueleTijd = minuten + ':' + tijd; alert(actueleTijd); } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | var tijd = Math.round(ytplayer.getCurrentTime()); var minuten = 0; var seconden = 0; var actueleTijd; while (tijd > 60) { minuten ++; tijd -= 60; } if (tijd < 10) { seconden = '0' + tijd; } else { seconden = tijd; } actueleTijd = minuten + ':' + seconden; alert(actueleTijd); } |
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 | <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> #photosDiv { width: 677px; height: 141px; background:#000000; overflow-y:hidden; overflow-x:scroll; min-width: 667px; white-space:nowrap; } #photos { width: 100%; height: 141px; background:#000000; text-align:left; white-space:nowrap; } #photos img { display:block; padding: 0px; border: 2px solid #ffffff; margin: 5px; float:left; } #photos img:hover { border: 2px solid #000; background: #fff; } </style> |
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 | <script type="text/javascript"> homeURL = 'http://localhost/'; maxThumbSize = 80; $(document).ready(function() { $('#btn').click(function() { $("#photos").empty(); $('img').each(function() { if ($(this).is('[src$=.gif],[src$=.Gif],[src$=.GIF],[src$=.jpg],[src$=.Jpg],[src$=.JPG],[src$=.png],[src$=.Png],[src$=.PNG]')) { if ($(this).attr('src').substring(0, homeURL.length) != homeURL) { newThumbHeight = 0; newThumbWidth = 0; fact = 0; if ($(this).attr('width') > $(this).attr('height')) { fact = $(this).attr('width') / maxThumbSize; newThumbHeight = Math.floor($(this).attr('height') / fact); newThumbWidth = maxThumbSize; } else { fact = $(this).attr('width') / maxThumbSize; newThumbHeight = maxThumbSize; newThumbWidth = Math.floor($(this).attr('width') / fact); } $("#photos").append('<img src="' + $(this).attr('src') + '" width="' + newThumbWidth + '" height="' + newThumbHeight + '" />'); } } }); }); }); </script> |
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 | <body> <div id="photosDiv"> <div id="photos"> WHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAAWHAHAA </div> </div> <input id="btn" type="button" value="Maak gallerij" /> <br /> <img src="http://images.fok.nl/fp/icons/icon_politie1.jpg" /><br /> <img src="http://i.fokzine.net/usericons/54884/leslieavater.gif" /><br /> <img src="http://i.fokzine.net/usericons/205909/catty20.gif" /><br /> <img src="http://i.fokzine.net/upload/10/10/101030_15080_img-301010-025.onlineBild_1288432038.jpg" /><br /> <img src="http://i.fokzine.net/upload/10/10/101030_15080_img-301010-010.onlineBild_1288426893.jpg" /><br /> <img src="http://images.fok.nl/fp/icons/icon_algemeen5.jpg" /><br /> <img src="http://i.fokzine.net/upload/091211_195885_icon_museum2.jpg" /><br /> <img src="http://images.fok.nl/fp/icons/icon_onderwijs3.jpg" /><br /> <img src="http://i.fokzine.net/upload/081116_47501_icon_nederland1.jpg" /><br /> <img src="http://i.fokzine.net/upload/10/10/101030_112339_novum.10-30-2010.0112_1288423294.jpg" /><br /> <img src="http://i.fokzine.net/upload/10/10/101030_112339_img-291010-416.onlineBild_1288411042.jpg" /><br /> <img src="http://i.fokzine.net/upload/081116_47501_icon_internationaal3.jpg" /><br /> <img src="http://i.fok.nl/fp/icons/icoon_privacy01.jpg" /><br /> </body> </html> |
Hoe komen die scrollbalken dan, en hoe had je ze willen hebben?quote:Op zaterdag 30 oktober 2010 12:10 schreef Chandler het volgende:
Dag allemaal, voor een eigen versie van mijn forum ben ik nu zelf ook een topic gallerij aan het maken en op zich wil het best lukken hoor. Via jQuery alle plaatjes uitlezen van externe hosters en deze resizen en in een DIV plaatsen. Maar nu zit ik met een probleem dat mijn scrollbars gewoon weer verkeerd komen.
Dan moet je zorgen dat de div #photos breed genoeg is voor de foto's die je erin zet.quote:Op zondag 31 oktober 2010 13:50 schreef Chandler het volgende:
Hoi Light;
Ik wil een horizontale balk hebben als de images > breedte van het scherm.. maar op een of andere manier krijg ik dat niet voor elkaar.
Op zich ziet het er wel redelijk uit, maar ik mis nog een stukje code waarmee je voorkomt dat kleine plaatjes in de gallery verschijnen. Als iemand een linkje plaatst naarquote:Ook zou ik graag comments willen hebben op mijn JS code aangezien ik een beetje prutser ben
Volgens mij is die breed genoeg want als je het scriptje probeert zie je eerst een hele lange tekst. Pas als ik op mijn button click om alle afbeeldingen in de gallerij te zetten dan verdwijnt de scroll balkquote:Op zondag 31 oktober 2010 23:17 schreef Light het volgende:
Dan moet je zorgen dat de div #photos breed genoeg is voor de foto's die je erin zet.
True, daar ga ik even mee spelen!quote:Op zich ziet het er wel redelijk uit, maar ik mis nog een stukje code waarmee je voorkomt dat kleine plaatjes in de gallery verschijnen. Als iemand een linkje plaatst naardan wil je niet dat het in de gallery verschijnt.
[ afbeelding ]
De div #photos heeft een breedte van 100% (volgens de css). Dat is 100% van de omhullende div, die is 677 px breed. Dat je een scrollbalk krijgt als je een lange onzintekst zonder spaties invoert, komt enkel omdat overflow op auto staat en de regel niet kan worden afgebroken. Sowieso weet je vooraf nooit hoeveel plaatjes er in #photos komen en hoe breed die plaatjes zijn, dus je kunt #photos geen juiste breedte geven. Die breedte van 100% is een leuke beginwaarde, maar zeker geen eindwaarde.quote:Op maandag 1 november 2010 08:34 schreef Chandler het volgende:
Volgens mij is die breed genoeg want als je het scriptje probeert zie je eerst een hele lange tekst. Pas als ik op mijn button click om alle afbeeldingen in de gallerij te zetten dan verdwijnt de scroll balk
Als je die tekst niet zo idioot lang maakt (zet er eens wat spaties in) krijg je met tekst ook geen scrollbalk.quote:Op maandag 1 november 2010 16:01 schreef Chandler het volgende:
Ok light, maar je zou denken dat als het voorbeeld met tekst wel scrollt en met plaatjes weer niet?
Die doet het niet. De plaatjes komen niet in de zwarte balk, de tekst verdwijnt wel.quote:Zie voorbeeld: http://www.bruggema.nl/lgb/test123.html
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |