[Javascript] voor dummies (deel 10)

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  FOK!-Schrikkelbaas donderdag 12 augustus 2010 @ 22:20:36 #154
1972 Swetsenegger
Egocentrische Narcist
pi_85207239
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.
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

1 var address = document.getElementById("straat").value + ", " + document.getElementById("postcode").value + ", " + document.getElementById("woonplaats").value;
 | FOK! Schrikkelbaasch
  donderdag 12 augustus 2010 @ 22:26:24 #155
193591 yorP
(Insert leuke tekst hier)
pi_85207568
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		function unfoldCarpet(unfold_heigth, container) {
    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); }}
Always remember you're unique, just like everyone else.
Kijk een signature! :D:D
  donderdag 12 augustus 2010 @ 22:34:22 #156
137776 boem-dikkie
Jedi Mind Baby!
pi_85208018
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 ]


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..
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  FOK!-Schrikkelbaas donderdag 12 augustus 2010 @ 22:37:28 #157
1972 Swetsenegger
Egocentrische Narcist
pi_85208192
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..
Je had je code ook in de body staan ipv in de header he.
 | FOK! Schrikkelbaasch
  donderdag 12 augustus 2010 @ 22:41:54 #158
137776 boem-dikkie
Jedi Mind Baby!
pi_85208438
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.
Dat heb ik al getest, werkt beide niet.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 12 augustus 2010 @ 22:47:20 #159
137776 boem-dikkie
Jedi Mind Baby!
pi_85208735
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.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  FOK!-Schrikkelbaas donderdag 12 augustus 2010 @ 22:48:24 #160
1972 Swetsenegger
Egocentrische Narcist
pi_85208805
quote:
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.
mail maar naar jeroen apedingus 123swets [punt} com
 | FOK! Schrikkelbaasch
  donderdag 12 augustus 2010 @ 22:56:29 #161
137776 boem-dikkie
Jedi Mind Baby!
pi_85209226
Thanks.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  woensdag 18 augustus 2010 @ 21:06:47 #162
12221 Tijn
Powered by MS Paint
pi_85450953
Iemand hier al aan de slag geweest met HTML5? Ik ben een soundboard aan het maken met het Audio object en dat werkt op zich hartstikke goed en makkelijk.

Ik vraag me alleen af: ik zie alleen functies voor het afspelen, pauzeren, volume wijzigen en spoelen... maar het zou ook leuk zijn om een level metertje te maken zodat je kunt zien hoe luid het geluid wordt afgespeeld. Ik bedoel niet simpelweg het volume, maar echt waarde van de luidheid op een bepaald moment, zodat ik een soort VU-metertje kan maken.

Heeft iemand een idee hoe je dat doet met een Audio object?
Verberg de nieuwsticker
  donderdag 19 augustus 2010 @ 17:44:03 #163
193591 yorP
(Insert leuke tekst hier)
pi_85481663
quote:
Op woensdag 18 augustus 2010 21:06 schreef Tijn het volgende:
Heeft iemand een idee hoe je dat doet met een Audio object?
Kijk eens hier naar.
Always remember you're unique, just like everyone else.
Kijk een signature! :D:D
  FOK!-Schrikkelbaas maandag 30 augustus 2010 @ 11:29:20 #164
1972 Swetsenegger
Egocentrische Narcist
pi_85865756
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

1<td colspan="2"><script type="text/javascript">document.write(showText(13));</script></td>
Maar document.write is deprecated en je moet eigenlijk innerHTML gebruiken. Maar... dit werkt niet

1<td colspan="2" onload="this.innerHTML=showText(13);"></td>
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?
 | FOK! Schrikkelbaasch
  maandag 30 augustus 2010 @ 11:46:39 #165
12221 Tijn
Powered by MS Paint
pi_85866385
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.
Verberg de nieuwsticker
pi_85866543
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?
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.

De juiste oplossing zou denk ik zijn de td een ID meegeven, en met document.onload een functie aanroepen die de tekst plaatst.
zcflevo.nl
  FOK!-Schrikkelbaas maandag 30 augustus 2010 @ 12:45:09 #167
1972 Swetsenegger
Egocentrische Narcist
pi_85868373
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.
Dat begrijp ik, maar de w3c houdt niet zoveel rekening met embedded devices.

quote:
De juiste oplossing zou denk ik zijn de td een ID meegeven, en met document.onload een functie aanroepen die de tekst plaatst.
Ja, dat gaat dus niet. Maar waarom zou this.innerHTML niet werken?
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas maandag 30 augustus 2010 @ 12:45:54 #168
1972 Swetsenegger
Egocentrische Narcist
pi_85868400
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.
Mjah, das gezeik. Ga ik de boel bij een volgend apparaat wel eens omgooien.
 | FOK! Schrikkelbaasch
pi_85868489
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?
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.
zcflevo.nl
  maandag 30 augustus 2010 @ 12:48:18 #170
12221 Tijn
Powered by MS Paint
pi_85868490
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 :P
Verberg de nieuwsticker
  FOK!-Schrikkelbaas maandag 30 augustus 2010 @ 12:58:41 #171
1972 Swetsenegger
Egocentrische Narcist
pi_85868820
quote:
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 :P
Maar ik gebruik liever geen deprecated code maar voorlopig doe ik het wel zo :)
 | FOK! Schrikkelbaasch
pi_85953595
Ik heb een probleem. Ik bouw momenteel een applicatie waarmee mensen op grafische wijze een e-mail nieuwsbrief in elkaar kunnen flanzen. Dat betekent dus dat er o.a. een wysywig-editor voor de opmaak gebruikt wordt per artikel in de e-mail, en dat artikelen verplaatst kunnen worden door middel van sortable van jQuery.
So far so good. Echter, zo'n wysiwyg-editor rendert onderhuids een iframe om opmaak te ondersteunen en dergelijke, en zoals je wellicht weet hebben zowel firefox als webkit een probleem op het moment dat een iframe verplaatst wordt binnen het DOM.
Als je dat namelijk doet herlaadt het iframe, en gevolg is dus dat de wysywig-editor onbruikbaar wordt en de content verdwijnt.
Met andere woorden, het verplaatsen van elementen met hierin een iframe binnen de pagina levert een onbruikbare interface op.
Heeft iemand hier toevallig al eens hetzelfde probleem gehad en een oplossing gevonden? Ik ben ten einde raad.
pi_86455260
Is het mogelijk om in JSON gebruik te maken van variabele string namen?

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		function loadCalendars()
{
    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);
    }
}
Ik heb al van alles geprobeerd, maar ik wil uiteindelijk dit:

1
2
3
4
5
6
7
8
9		var blaat =
    {                            
        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);
Waar 1 dus afhankelijk is van de for-loop.
Aan dit bericht kunnen geen rechten worden ontleend.
  zaterdag 18 september 2010 @ 17:10:19 #174
193591 yorP
(Insert leuke tekst hier)
pi_86574086
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19		function loadCalendars() {
    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);
    }
}
Always remember you're unique, just like everyone else.
Kijk een signature! :D:D
pi_86586593
quote:
Op zaterdag 18 september 2010 17:10 schreef yorP het volgende:

[ code verwijderd ]

Geweldig, hij doet het. Ik heb alleen nog de formElements-array moeten veranderen in een object :).
Aan dit bericht kunnen geen rechten worden ontleend.
pi_86630748
Ik heb een vraag over jquery, ben er nog niet zo lang mee bezig. Ik heb een functie die een pagina inlaadt:

1
2
3		$("a#contact").click(function(){
    $(".pag").load('getinhoud.cfm?p=contact').show();
});
Dit werkt opzich prima, alleen zie ik de pagina af en toe langzaam opbouwen, alsof hij nog niet alle styles, js etc geladen heeft. Is het mogelijk om te zeggen dat hij eerst alles moet laden, en daarna de pagina weer te geven? Ik heb wat zitten zoeken op google, maar dan krijg ik alleen maar preloaders die met plaatjes te maken hebben.
  donderdag 7 oktober 2010 @ 12:28:17 #177
281927 mcf
The end is the beginning.
pi_87280684
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.

1
2
3
4
5
6
7
8
9
10
11
12
13
14		<script language="JavaScript">
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();" />
MVG
pi_87281343
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
Watvoor foutmelding krijg je?
zcflevo.nl
  donderdag 7 oktober 2010 @ 12:50:58 #179
281927 mcf
The end is the beginning.
pi_87281435
Geen, firefox laat ook letters toe, en niet alleen nummers..
pi_87281463
Momentje googlen naar andere methode:
1onkeyup="javascript:this.value=this.value.replace(/[^0-9]/g, '');"
  donderdag 7 oktober 2010 @ 12:55:53 #181
281927 mcf
The end is the beginning.
pi_87281578
quote:
Op donderdag 7 oktober 2010 12:52 schreef FastFox91 het volgende:
Momentje googlen naar andere methode:
[ code verwijderd ]


Nice, thx bro
pi_87281582
Heb je iets aan deze pagina?
fokstok.nl
pi_87281593
quote:
Op donderdag 7 oktober 2010 12:50 schreef mcf het volgende:
Geen, firefox laat ook letters toe, en niet alleen nummers..
En hoever was je met debuggen?

De functie wordt wel uitgevoerd?
zcflevo.nl
pi_87281663
Ook belangrijk: vertrouw niet volledig op die functie, maar haal er serverside ook een controle overheen.
fokstok.nl
  zondag 24 oktober 2010 @ 14:56:22 #185
118585 Crutch
Filantroop || Taalzwengel
pi_87897300
Stel:

Ik embed een Youtube-filmpje op een HTML-pagina.
Vervolgens druk op op pauze.
Kan ik dan met JavaScript het tijdstip op de tijdlijn achterhalen en in een <input type="text"> plaatsen?
Je moeder is een hamster
pi_87898444
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.
  zondag 24 oktober 2010 @ 15:51:16 #187
118585 Crutch
Filantroop || Taalzwengel
pi_87899125
quote:
1.gif 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.
Ah cool, thanks.
Ik krijg de tijd terug in seconden, dus nu moet ik even kijken of ik dat kan omzetten in minuten en seconden.
Je moeder is een hamster
  zondag 24 oktober 2010 @ 16:01:24 #188
118585 Crutch
Filantroop || Taalzwengel
pi_87899606
LOL!

Dit werkt:
1
2
3
4
5
6
7
8
9
10
11
12
13
14		function deTijd() {
      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);
      }
O-) Trotse prutser hier.
Je moeder is een hamster
  zondag 24 oktober 2010 @ 16:06:21 #189
118585 Crutch
Filantroop || Taalzwengel
pi_87899830
Correctie:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		 function deTijd() {
      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);
      }
Je moeder is een hamster
pi_87903239
Dat kan makkelijker. Je kan het aantal secondes delen door 60 en afronden naar beneden. Dan heb je het aantal hele minuten. Het aantal overige secondes krijg je door het totaal aantal secondes modulo 60 te doen.
Succes met prutsen. :P
pi_88136545
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.

Hoe kan dit? mijn code + gebruik van fok plaatjes is.

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		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>

Javascript gedeelte
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" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

    <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>

overige 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		</head>
<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>

Ik heb overal al gekeken maar kan eingelijk niets vinden :{

[ Bericht 11% gewijzigd door Chandler op 31-10-2010 11:13:30 (mooier ontwerp) ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_88167189
Please iemand ?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_88167499
quote:
15s.gif 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.
Hoe komen die scrollbalken dan, en hoe had je ze willen hebben?
fokstok.nl
pi_88171842
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. Ook zou ik graag comments willen hebben op mijn JS code aangezien ik een beetje prutser ben :)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_88194889
quote:
14s.gif 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.
Dan moet je zorgen dat de div #photos breed genoeg is voor de foto's die je erin zet.
quote:
Ook zou ik graag comments willen hebben op mijn JS code aangezien ik een beetje prutser ben :)
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 naar :) dan wil je niet dat het in de gallery verschijnt.
smile.gif
fokstok.nl
pi_88199408
quote:
1s.gif 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.
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

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 naar :) dan wil je niet dat het in de gallery verschijnt.
[ afbeelding ]
True, daar ga ik even mee spelen!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_88205866
quote:
1s.gif 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
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.
fokstok.nl
pi_88212300
Ok light, maar je zou denken dat als het voorbeeld met tekst wel scrollt en met plaatjes weer niet?

Zie voorbeeld: http://www.bruggema.nl/lgb/test123.html
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_88215006
quote:
1s.gif 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?
Als je die tekst niet zo idioot lang maakt (zet er eens wat spaties in) krijg je met tekst ook geen scrollbalk.
quote:
Zie voorbeeld: http://www.bruggema.nl/lgb/test123.html
Die doet het niet. De plaatjes komen niet in de zwarte balk, de tekst verdwijnt wel.
fokstok.nl
pi_88226495
@Light; hij werkt wel in IE & Chrome? :D al snap ik niet waarom hij niet in firefox werkt!

En als je plaatjes direct naast elkaar zet zou het moeten werken of zou ik nou juist die plaatjes weer in divs zetten? hoe doet fok dat?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_88228403
quote:
16s.gif Op maandag 1 november 2010 21:27 schreef Chandler het volgende:
@Light; hij werkt wel in IE & Chrome? :D al snap ik niet waarom hij niet in firefox werkt!
Ik ook niet, ik constateer alleen maar. :)
quote:
En als je plaatjes direct naast elkaar zet zou het moeten werken of zou ik nou juist die plaatjes weer in divs zetten? hoe doet fok dat?
Zo te zien met een tabel. En plaatjes naast elkaar, al dan niet in een div, komen nog steeds onder elkaar als er niet genoeg ruimte is om naast elkaar komen.
fokstok.nl
pi_88236447
Lol, een tabel lost het scrollbar probleem op! :D al snap ik niet waarom ik in firefox nog steeds geen afbeeldingen zie? :X
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_88263645
Ik heb de versie geupdated zodat hij een minimum aan width/height aanhoudt, echter kan ik maar niet achter halen waar het probleem m.b.t. firefox zit... lijkt wel of het een jquery probleem is :{ krijg dit als foutcode.

1
2
3		Waarschuwing: ‘.’ gevonden voor waarde in attribuutselector waar identificator of string verwacht.
Bronbestand: file:///C:/test123.html
Regel: 0

en dat meerdere malen :{
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_88272591
quote:
5s.gif Op dinsdag 2 november 2010 21:03 schreef Chandler het volgende:
Ik heb de versie geupdated zodat hij een minimum aan width/height aanhoudt, echter kan ik maar niet achter halen waar het probleem m.b.t. firefox zit... lijkt wel of het een jquery probleem is :{ krijg dit als foutcode.
[ code verwijderd ]

en dat meerdere malen :{
Het gaat mis op de blokjes [src$=.gif], daar moet je wat quotes bijzetten. Maar het is geen handige methode, want je mist nog best veel mogelijke extensies.

Je javascriptcode een beetje aangepast (en nu werkend in Firefox)
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		homeURL = 'http://localhost/';
maxThumbSize = 80;
minImageSize = 30;

validExtensions = ['gif', 'jpg', 'png'];

$(document).ready(function()
{
    $('#btn').click(function()
    {
        $("#photos").empty();
        $("#photos").append("<table><tr>");

        $('img').each(function()
        {
            src = $(this).attr('src');
            ext = src.substring(src.lastIndexOf('.', src) + 1).toLowerCase();

            if($.inArray(ext, validExtensions))
            {
                if ($(this).attr('src').substring(0, homeURL.length) != homeURL)
                {
                    if ($(this).attr('width') > minImageSize ||
                        $(this).attr('height') > minImageSize)
                        {
                        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('<td><img src="' + $(this).attr('src') + '" width="' + newThumbWidth + '" height="' + newThumbHeight + '" /><br /><a href="' + $(this).attr('src') + '" target="_blank">>></a></td>');
                    }
                }
            }
        });

        $("#photos").append("</tr></table>");
    });
});
Zoek de verschillen :)
fokstok.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies (deel 10)
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')