[html, css, js] Waar dummies nóg meer iniatief gaan tonen! ;) #25

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  donderdag 10 mei 2012 @ 10:47:27 #241
87680 Mirel
Mirel wil een bongophone.
pi_111369244
De footerdiv naar beneden drukken. Bij pagina's met weinig content zit 'ie dus in het midden van het scherm. Ik zet de code gewoon op de juiste plekken, maar hij reageert er niet op. Ik kan ook niet zoals in het voorbeeld alle content behalve de footer in een aparte wrapper zetten, omdat een deel van die content in die togglebox zit.

Het is het allerlaatste aan deze website voordat ik er klaar mee ben ;(
When all else fails, you always have delusion.
  donderdag 10 mei 2012 @ 10:50:59 #242
299167 stefanhaan
Bloeddorstige wasbeer
pi_111369347
quote:
0s.gif Op donderdag 10 mei 2012 10:47 schreef Mirel het volgende:
De footerdiv naar beneden drukken. Bij pagina's met weinig content zit 'ie dus in het midden van het scherm. Ik zet de code gewoon op de juiste plekken, maar hij reageert er niet op. Ik kan ook niet zoals in het voorbeeld alle content behalve de footer in een aparte wrapper zetten, omdat een deel van die content in die togglebox zit.

Het is het allerlaatste aan deze website voordat ik er klaar mee ben ;(
dus DW footer altijd aan de onderkant van de pagina?

Dat moet je met CSS doen is een bepaalde div structuur en een paar regeltjes. Even googelen en je hebt het zo gevonde.
It was an opportunity to honour our memories and to make room for new ones
  donderdag 10 mei 2012 @ 10:57:56 #243
371602 xSouL
kaak dicht
pi_111369557
quote:
0s.gif Op woensdag 9 mei 2012 19:09 schreef MrNiles het volgende:
hoe kun je het beste een mobiele site maken.
Maak je m op 100% breedte en laat het mobiele apparaat zelf schalen
of
zet je alles in een wrapper met de pixel-breedte die je wil hebben
of
.......
Ja, gewoon in Div's de site opbouwen met 100% breedte, de telefoon schaalt hem dan dacht ik zo.

Paar dingen om op te letten, hier een handige link:
http://www.slideshare.net(...)g-for-the-mobile-web
pi_111369947
quote:
0s.gif Op donderdag 10 mei 2012 10:57 schreef xSouL het volgende:

[..]

Ja, gewoon in Div's de site opbouwen met 100% breedte, de telefoon schaalt hem dan dacht ik zo.

Paar dingen om op te letten, hier een handige link:
http://www.slideshare.net(...)g-for-the-mobile-web
goede slideshow
  donderdag 10 mei 2012 @ 11:16:38 #245
371602 xSouL
kaak dicht
pi_111370233
In ieder geval, er zijn ook veel handige SDK's waar je mee kan werken. Je hebt zelfs vrij goede website converters die een bestaande website heel mooi en strak kunnen converten naar een mobiel formaat alleen bij de gratis versies laat het soms wel eens de wensen over. ;)

De betaalde versies zijn vrij goed dacht ik zo. :)
  donderdag 10 mei 2012 @ 11:21:30 #246
299167 stefanhaan
Bloeddorstige wasbeer
pi_111370440
Als je een mobiele website gaat maken gewoon een SDK gebruiken.
It was an opportunity to honour our memories and to make room for new ones
  donderdag 10 mei 2012 @ 11:39:53 #247
87680 Mirel
Mirel wil een bongophone.
pi_111371125
quote:
10s.gif Op donderdag 10 mei 2012 10:50 schreef stefanhaan het volgende:

[..]

dus DW footer altijd aan de onderkant van de pagina?

Dat moet je met CSS doen is een bepaalde div structuur en een paar regeltjes. Even googelen en je hebt het zo gevonde.
Die div structuur heeft de template zelf niet, en die zet ik dan erbij. Het is togglebox - header - content - footer. Volgens de vele tutorials moet ik alles behalve de footer in een wrapper zetten. Op het moment dat ik de togglebox - header - content in een wrapper doe, gaat de layout naar de knoppen. Zonder togglebox in de wrapper gebeurt er ook niks. -O-
When all else fails, you always have delusion.
pi_111372653
of je zet <p> om je text

[ Bericht 43% gewijzigd door MrNiles op 10-05-2012 12:30:32 ]
pi_111386776
quote:
0s.gif Op donderdag 10 mei 2012 11:39 schreef Mirel het volgende:

[..]

Die div structuur heeft de template zelf niet, en die zet ik dan erbij. Het is togglebox - header - content - footer. Volgens de vele tutorials moet ik alles behalve de footer in een wrapper zetten. Op het moment dat ik de togglebox - header - content in een wrapper doe, gaat de layout naar de knoppen. Zonder togglebox in de wrapper gebeurt er ook niks. -O-
Waarom werkt het wel als ik het doe dan?
zcflevo.nl
  vrijdag 11 mei 2012 @ 13:12:04 #250
272287 henrivo
Tikt tegen jassies
pi_111416496
Hey guys, ik probeer een pagina te maken met 4 streaming webcams, maar het lukt me niet. Heb google afgezocht, maar kom er niet uit. Hij laadt alle 4 de streams, maar blijft hangen na het laden van de eerste frame. Zet ik de timer op 3 seconden of langer, refresht-ie wel, maar niet stabiel. Ik vraag niet om de oplossing maar zou iemand mij de goeie richting op kunnen sturen?

Dit is de source van wat ik heb gemaakt m.b.v. AJAXcam:

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		<?php
<html>
<head>
<script type="text/javascript">
<!--

function holdUp()
{

refreshFreq=1;

setTimeout("freshPic()", refreshFreq*1000);
}

function freshPic()
{

var currentPathCam1=document.campic1.src;
var currentPathCam2=document.campic2.src;
var currentPathCam3=document.campic3.src;
var currentPathCam4=document.campic4.src;

var trimmedPath1=new Array();
var trimmedPath2=new Array();
var trimmedPath3=new Array();
var trimmedPath4=new Array();

trimmedPath1=currentPathCam1.split("?");
trimmedPath2=currentPathCam2.split("?");
trimmedPath3=currentPathCam3.split("?");
trimmedPath4=currentPathCam4.split("?");

var ts = Date.now();
document.campic1.src = currentPathCam1 + "?" + ts;
document.campic2.src = currentPathCam2 + "?" + ts;
document.campic3.src = currentPathCam3 + "?" + ts;
document.campic4.src = currentPathCam4 + "?" + ts;

holdUp();
}

// -->
</script>
</head>

<body onLoad="holdUp()">
<p>
<img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic1" />
<img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic2" />
</p>

<p>
<img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic3" />
<img src="http://xxx/jpg/image.jpg" width="480" height="360" name="campic4" />
</p>

<p></p>
</body>

</html>
?>
Why Do We Fall
Ken je hem niet? Hij's een baas man.
pi_111418296
Wat zegt je javascript console?
zcflevo.nl
  vrijdag 11 mei 2012 @ 14:07:30 #252
272287 henrivo
Tikt tegen jassies
pi_111418872
quote:
14s.gif Op vrijdag 11 mei 2012 13:54 schreef KomtTijd... het volgende:
Wat zegt je javascript console?
Ja ik zie nu dat ie steeds de timestamp erachter gooit, zodat er na een tijdje een heeeeele lange url ontstaat :{
Why Do We Fall
Ken je hem niet? Hij's een baas man.
pi_111419277
Zeg, mensen. Een forum is een open discussieplatform. Een vraag stellen en vervolgens iedereen PM/DM'en om een oplossing los te peuteren heeft iig bij mij weinig zin.

^^Mag ook wel in de OP wat mij betreft
zcflevo.nl
pi_111419340
quote:
0s.gif Op vrijdag 11 mei 2012 14:07 schreef henrivo het volgende:

[..]

Ja ik zie nu dat ie steeds de timestamp erachter gooit, zodat er na een tijdje een heeeeele lange url ontstaat :{
En als je naar je code kijkt, waar zou dat dan aan liggen denk je?
zcflevo.nl
  vrijdag 11 mei 2012 @ 14:29:09 #255
87680 Mirel
Mirel wil een bongophone.
pi_111419769
quote:
2s.gif Op vrijdag 11 mei 2012 14:16 schreef KomtTijd... het volgende:
Zeg, mensen. Een forum is een open discussieplatform. Een vraag stellen en vervolgens iedereen PM/DM'en om een oplossing los te peuteren heeft iig bij mij weinig zin.

^^Mag ook wel in de OP wat mij betreft
Mag ik dan vragen hoe je het voor elkaar gekregen hebt? Ik heb meerdere tuts gedaan zonder succes..
When all else fails, you always have delusion.
  vrijdag 11 mei 2012 @ 14:31:47 #256
56176 Catch22-
Ben je Blind?!
pi_111419890
dat komt omdat jij tutorials uitvoert en niet goed nadenkt over de diepere betekenis en werking van bepaalde acties. Anders had je dat vast allang gesnapt.
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_111419921
quote:
0s.gif Op vrijdag 11 mei 2012 14:29 schreef Mirel het volgende:

[..]

Mag ik dan vragen hoe je het voor elkaar gekregen hebt? Ik heb meerdere tuts gedaan zonder succes..
ik heb *exact* gedaan wat in dat plaatje staat wat je post.
zcflevo.nl
  vrijdag 11 mei 2012 @ 15:06:09 #258
272287 henrivo
Tikt tegen jassies
pi_111421302
quote:
14s.gif Op vrijdag 11 mei 2012 14:18 schreef KomtTijd... het volgende:

[..]

En als je naar je code kijkt, waar zou dat dan aan liggen denk je?
Ik heb het nu zo gedaan:

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		<?php
<html>
<head>
<script type="text/javascript">
<!--

function holdUp()
{

refreshFreq=1;

setTimeout("freshPic()", refreshFreq*1000);
}

function freshPic()
{

var currentPath1=document.campic1.src;
var currentPath2=document.campic2.src;
var currentPath3=document.campic3.src;
var currentPath4=document.campic4.src;

var trimmedPath1=new Array();
var trimmedPath2=new Array();
var trimmedPath3=new Array();
var trimmedPath4=new Array();

trimmedPath1=currentPath1.split("?");
trimmedPath2=currentPath2.split("?");
trimmedPath3=currentPath3.split("?");
trimmedPath4=currentPath4.split("?");

document.campic1.src = trimmedPath1[0] + "?" + Math.round(+new Date());
document.campic2.src = trimmedPath2[0] + "?" + Math.round(+new Date());
document.campic3.src = trimmedPath3[0] + "?" + Math.round(+new Date());
document.campic4.src = trimmedPath4[0] + "?" + Math.round(+new Date());

holdUp();
}

// -->
</script>
</head>

<body onLoad="holdUp()">
<p>
<img data-src="http://xxx/jpg/image.jpg" style="visibility:hidden;" width="640" height="480" name="campic1" />
<img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic2" />
<img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic3" />
<img src="http://xxx/jpg/image.jpg" width="640" height="480" name="campic4" />

</p>

</body>

</html>
?>

Nu gaat het qua urls wél goed, maar het refreshen gaat moeizaam, onstabiel tot vastlopen.

Het moet toch gewoon mogelijk zijn om zo'n 15 fps te bereiken?
Why Do We Fall
Ken je hem niet? Hij's een baas man.
  vrijdag 11 mei 2012 @ 15:09:25 #259
272287 henrivo
Tikt tegen jassies
pi_111421465
Oh dat vergat ik te vermelden, in de javascript console worden de urls wel heel snel vernieuwd, hij laadt ze alleen niet allemaal }:|
Why Do We Fall
Ken je hem niet? Hij's een baas man.
pi_111820095
Er zijn ongetwijfeld "voorrangsregels" in een css file,
welke regels code hebben voorrang op de andere als je ze dubbel gebruikt.

Waar kan ik hierover iets vinden?
Iemand een goede, heldere site aan te bevelen?
  maandag 21 mei 2012 @ 09:19:02 #261
299167 stefanhaan
Bloeddorstige wasbeer
pi_111820115
quote:
0s.gif Op maandag 21 mei 2012 09:18 schreef MrNiles het volgende:
Er zijn ongetwijfeld "voorrangsregels" in een css file,
welke regels code hebben voorrang op de andere als je ze dubbel gebruikt.

Waar kan ik hierover iets vinden?
Iemand een goede, heldere site aan te bevelen?
gewoon !important zetten bij wat voorrang heeft.
It was an opportunity to honour our memories and to make room for new ones
  maandag 21 mei 2012 @ 09:21:58 #262
137776 boem-dikkie
Jedi Mind Baby!
pi_111820159
Ugh. Gebruik alsjeblieft niet !important.

Probeer je elementen zo specifiek mogelijk te benamen en combineer regels waar dat kan.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_111820189
quote:
1s.gif Op maandag 21 mei 2012 09:19 schreef stefanhaan het volgende:

[..]

gewoon !important zetten bij wat voorrang heeft.
:')!

Luister niet naar dit advies als je je css net wil verneuken, ik kan mobiel ff geen goede link vinden maar dit is iig niet de goede oplossing.

Sowieso wat lager in de file staat heeft voorrang als de regels exact het zelfde zijn. Als de regels verschillen heeft degene die specifieker is voorrang.
Fear of a name only increases fear of the thing itself
  maandag 21 mei 2012 @ 09:24:39 #264
299167 stefanhaan
Bloeddorstige wasbeer
pi_111820216
_O-

Trololololol :D
It was an opportunity to honour our memories and to make room for new ones
  maandag 21 mei 2012 @ 09:25:11 #265
137776 boem-dikkie
Jedi Mind Baby!
pi_111820231
Ja, gooi je faal daar maar op inderdaad.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_111820267
Anders verneuk je ff de 'Cascading' in Cascading Style Sheets met je !important.
pi_111820448
quote:
0s.gif Op maandag 21 mei 2012 09:18 schreef MrNiles het volgende:
Er zijn ongetwijfeld "voorrangsregels" in een css file,
welke regels code hebben voorrang op de andere als je ze dubbel gebruikt.

Waar kan ik hierover iets vinden?
Iemand een goede, heldere site aan te bevelen?
google op "css specificity"
zcflevo.nl
pi_111820562
quote:
14s.gif Op maandag 21 mei 2012 09:21 schreef boem-dikkie het volgende:
Ugh. Gebruik alsjeblieft niet !important.

Probeer je elementen zo specifiek mogelijk te benamen en combineer regels waar dat kan.
ander vraagje daarover..
is het verstandig om aan 1 element meerdere classes toe te wijzen, bijv:

<div class="mosaic-block small fadeuser">

of beter om meerdere div's aan te maken?
of beter om de classes beter te combineren/ of juist uit elkaar te trekken?
pi_111820662
quote:
10s.gif Op maandag 21 mei 2012 09:24 schreef stefanhaan het volgende:
_O-

Trololololol :D
:').
Fear of a name only increases fear of the thing itself
pi_111820675
meerdere divs is sowieso de slechtste oplossing
meerdere classes aan één div toevoegen zou ik zoveel mogelijk voorkomen, gebruik gewoon een enigszins semantische classname.
zcflevo.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] Waar dummies nóg meer iniatief gaan tonen! ;) #25
Index

» digital corner

» development

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