[html, css, js] voor dummies #21

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  donderdag 19 januari 2012 @ 11:25:59 #76
56176 Catch22-
Ben je Blind?!
pi_106982674
netbooks kom op zeg. In stats zie ik bijna niets langskomen onder de 1024*768/1140*???
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 19 januari 2012 @ 11:30:59 #77
63192 ursel
"Het Is Hier Fantastisch!
pi_106982852
quote:
11s.gif Op donderdag 19 januari 2012 11:25 schreef Catch22- het volgende:
netbooks kom op zeg. In stats zie ik bijna niets langskomen onder de 1024*768/1140*???
Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%

Wat betreft het probleem van n8n, misschien dat je hier nog wat aan hebt.
http://webdesign.tutsplus(...)nted-website-design/
pi_106983763
quote:
0s.gif Op donderdag 19 januari 2012 11:30 schreef ursel het volgende:

[..]

Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%

Wat betreft het probleem van n8n, misschien dat je hier nog wat aan hebt.
http://webdesign.tutsplus(...)nted-website-design/
Wickedly cool inderdaad. En bloedirritant, niet te vergeten.
quote:
11s.gif Op donderdag 19 januari 2012 11:25 schreef Catch22- het volgende:
netbooks kom op zeg. In stats zie ik bijna niets langskomen onder de 1024*768/1140*???
Betekent niet dat je er dan helemaal geen rekening mee hoeft te houden. Een normale website zal altijd te bekijken zijn op een klein scherm ookal is hij ontworpen voor grotere schermen. Met fixed headers en footers loop je gewoon heel snel het risico dat mensen met een klein scherm je website helemaal niet kunnen gebruiken.
zcflevo.nl
pi_106985482
quote:
14s.gif Op woensdag 18 januari 2012 23:10 schreef KomtTijd... het volgende:
scroll position.
Bedankt, maar ik kom er zelf nog niet uit na een beetje googlen.

Dit is een standaard iframe code:
1<iframe data-src="http://www.w3schools.com" style="visibility:hidden;"></iframe>

Welke code kan ik hier aan toevoegen zodat in dit geval de w3schools.com in een iframe beland maar dan zonder het logo en het menu bovenaan? :)
  donderdag 19 januari 2012 @ 12:55:59 #80
56176 Catch22-
Ben je Blind?!
pi_106985528
dat wordt echt een bitch. IFrame's zijn heel schraal en crossbrowser erg lastig te implementeren. De exacte hoogte weet je ook niet, dat verschilt per browser.
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_106985681
quote:
11s.gif Op donderdag 19 januari 2012 12:55 schreef Catch22- het volgende:
dat wordt echt een bitch. IFrame's zijn heel schraal en crossbrowser erg lastig te implementeren. De exacte hoogte weet je ook niet, dat verschilt per browser.
Ow zo, dat is dus niet exact vast te stellen? Op elke browser zal dat er dus anders uit gaan zien? Ik dacht dat je wel iets kon doen als, de bovenste 100 pixels van website X niet laten zien en dus daaronder pas te beginnen in de iframe.
  donderdag 19 januari 2012 @ 13:04:27 #82
56176 Catch22-
Ben je Blind?!
pi_106985863
het kan wel, maar het is gepruts. Waarom zou je het mogelijk willen?
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 19 januari 2012 @ 14:14:00 #83
230788 n8n
Pragmatisch
pi_106988578
quote:
11s.gif Op donderdag 19 januari 2012 09:17 schreef Catch22- het volgende:

[..]

fixed in de viewport?

En wat bedoel je met viewfinder? de viewport?

Je kan die content wrapper en die laten scrollen. Dit is wel een lastige case, hier moet je gewoon goed over nadenken en kijken hoe je het op kan lossen. Het is mij net even teveel werk om het voor te kauwen.
Viewport, dat was ’m. Voorkauwen hoeft ook niet zie het wel als een uitdaging maar het tijdstip verraad wellicht dat het vrij pittig voor me was. Ga kijken wat ik met je tip kan doen
“Specialization is for insects”.—Robert Heinlein
  donderdag 19 januari 2012 @ 14:19:53 #84
230788 n8n
Pragmatisch
pi_106988781
quote:
14s.gif Op donderdag 19 januari 2012 11:25 schreef KomtTijd... het volgende:
Je content moet dus horizontaal met de content meegroeien?

Dat is niet mogelijk met CSS, dat wordt javascripten. Maar ik denk dat je je nog eens achter de oren moet krabben of je dat echt wilt.
Bedenk ook eens hoe je layout er uitziet op een netbook met een viewport van 450px hoog ofzo.
Dat is op zich te doen omdat het om afbeeldingen gaat, client heeft een vrij specifiek ontwerp in gedachte en is hier vrij secuur over. Dit is een van die gevallen waar het met een tabel zo opgelost zou zijn. Bij een netbook en mobiel scherm kan ik met media-queries een alternatief bieden onder een bepaalde hoogte.
quote:
0s.gif Op donderdag 19 januari 2012 11:30 schreef ursel het volgende:

[..]

Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%

Wat betreft het probleem van n8n, misschien dat je hier nog wat aan hebt.
http://webdesign.tutsplus(...)nted-website-design/
Bedankt voor de link maar dit is niet echt een uitdaging of waar ik naar op zoek ben. Heb iets soortgelijks al een keer gedaan waar de artikelen een skyline moesten vormen over de horizon.

Ga het in ieder geval nog proberen en zal mijn oplossing -mocht deze nog komen- hier delen.
“Specialization is for insects”.—Robert Heinlein
pi_106989944
quote:
11s.gif Op donderdag 19 januari 2012 13:04 schreef Catch22- het volgende:
het kan wel, maar het is gepruts. Waarom zou je het mogelijk willen?
Waarom is een lang verhaal, niet relevant!

Ik wil het gewoon heel graag, is er niet een simpele code die er voor kan zorgen dat de iframe een paar pixels lager begint? :)
  donderdag 19 januari 2012 @ 14:50:20 #86
56176 Catch22-
Ben je Blind?!
pi_106990158
die scrollposition dus blijkbaar.

Ik hou me altijd ver van iFrames want het is echt verschrikkelijk om mee te werken dus ik kan je hier niet mee helpen
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_106997217
quote:
0s.gif Op donderdag 19 januari 2012 12:54 schreef Apekoek het volgende:

[..]

Bedankt, maar ik kom er zelf nog niet uit na een beetje googlen.

Dit is een standaard iframe code:
[ code verwijderd ]

Welke code kan ik hier aan toevoegen zodat in dit geval de w3schools.com in een iframe beland maar dan zonder het logo en het menu bovenaan? :)
Dit is een beetje een vraag van het niveau "ik wil een huis bouwen, ik weet al hoe een deur werkt, hoe moet de rest?"

Wij weten ook niet alles uit ons hoofd hier. Je weet nu waar je op moet zoeken, dus probeer eerst eens zelf iets.
zcflevo.nl
pi_107015800
quote:
14s.gif Op donderdag 19 januari 2012 17:27 schreef KomtTijd... het volgende:

[..]

Dit is een beetje een vraag van het niveau "ik wil een huis bouwen, ik weet al hoe een deur werkt, hoe moet de rest?"

Wij weten ook niet alles uit ons hoofd hier. Je weet nu waar je op moet zoeken, dus probeer eerst eens zelf iets.
Kijk ik heb er helaas ook niet heel veel verstand van, werk voornamelijk en alleen met wordpress. Ik dacht dat iemand zoiets hier wel zou herkennen, helaas maar toch bedankt voor jullie meedenken! Echter als ik zoek op google krijg ik allemaal lange en vage codes te zien waar ik de ballen van snap. Had gehoopt op een heel klein stukje code dat ik dan ertens tussen kan schijten.
pi_107016412
Omg Iframes waarom Iframes? :{ ;(
Laat ik het zo zeggen wat probeer je te bereiken?
Redacted
pi_107019145
quote:
0s.gif Op vrijdag 20 januari 2012 01:07 schreef cablegunmaster het volgende:
Omg Iframes waarom Iframes? :{ ;(
Laat ik het zo zeggen wat probeer je te bereiken?
Lang verhaal om dat goed uit te kunnen leggen. Maar het komt er op neer dat ik mijn website gebruikers/abonnees toegang wil geven tot hun profiel zonder dat ze daadwerkelijk aan de achterkant van mijn website komen. Nu heb ik een aparte persoonlijke profiel pagina aangemaakt aan de voorkant met ee. Iframe, dit werkt goed, hetzij dat ik het dus nog iets wil tweaken.
  vrijdag 20 januari 2012 @ 08:48:40 #91
137776 boem-dikkie
Jedi Mind Baby!
pi_107019427
Dan alsnog, waarom iframes? :D
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107019976
quote:
10s.gif Op vrijdag 20 januari 2012 08:48 schreef boem-dikkie het volgende:
Dan alsnog, waarom iframes? :D
Heb jij voor mij dan een alternatief zodat abonnees toch nog de achterkant van de website kunnen zien aan de voorkant? Aangezien ik de admin bar laat verdwijnen wil ik ze uberhaupt niet alleen maar aan de andere kant van de site laten.
  vrijdag 20 januari 2012 @ 09:26:42 #93
56176 Catch22-
Ben je Blind?!
pi_107020019
Dat is aan alle kanten te omzeilen he? Als je met wordpress werkt moet je gewoon de rechten goed zetten.
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 20 januari 2012 @ 09:34:01 #94
137776 boem-dikkie
Jedi Mind Baby!
pi_107020166
quote:
0s.gif Op vrijdag 20 januari 2012 09:25 schreef Apekoek het volgende:

[..]

Heb jij voor mij dan een alternatief zodat abonnees toch nog de achterkant van de website kunnen zien aan de voorkant? Aangezien ik de admin bar laat verdwijnen wil ik ze uberhaupt niet alleen maar aan de andere kant van de site laten.
Met rechten werken?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107020257
Beste mensen bedankt voor het mee denken! Echter Wordpress was al voor kinderen, maar het blijkt zelfs nog makkelijker te zijn met de Profile builder plugin, zo krijg ik precies de juiste fronted output die ik wil zonder domme iframes :P
  vrijdag 20 januari 2012 @ 09:48:46 #96
56176 Catch22-
Ben je Blind?!
pi_107020458
Mooi. Als je denkt dat je een IFrame nodig hebt, denk je niet goed genoeg.
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_107167514
Wie kan mij helpen:

ik heb een container met daarin twee div's

div 1 = tekst

div 2 = foto

nu staat de tekst boven de foto, ik wil het iets veranderen en de tekst over de foto plaatsen met een 50% alpha achtergrond.

Die achtergrond enzo lukt wel, maar het lukt mij niet om de ene div over de andere te plaatsen, ik heb een aantal tutorials gelezen en uitgevoerd maar nog lukt het niet.

De css:

ledenbox is container

fotobox is foto

ledenboxtxt is de tekst

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		#ledenbox {
vertical-align: bottom;
float:left;
text-align:center; 
background: #eee; 
display:block; 
height:72px; 
width:78px; 
margin:2px; 
border:1px solid #ccc; 
padding:0px;
}

#fotobox {
display: block; 
width:76px; 
height:70px;
background: #333;
}

#ledenboxtxt {
font-size:12px; 
font-family:Arial;
}

hoe het nu uitziet:



hoe ik het wil (dit ff in paint gedaan dus hier geen alpha bg, maar dat boeit niet)



anyone?
&lt;hr&gt;
pi_107167525
Waarom doe je ze niet gewoon nesten?
zcflevo.nl
pi_107167575
ze zijn toch nested, de html opbouw:

1
2
3
4
5
6
7
8
9
10
11
12
13
14		<div id="ledenbox"> 

ledenbox

<div id="fotobox">
foto hier

<div id="ledenboxtxt">
tekst hier bla bla 
</div>

</div>

</div>
&lt;hr&gt;
pi_107167590
Position:relative op #fotobox (hoewel je hier geen ID wilt gebruiken lijkt me, aangezien het vast een component is wat op meerdere plekken in je pagina gaat terugkomen?). Position:absolute; Bottom:0; op je #ledenboxtxt.
Nee.
  woensdag 25 januari 2012 @ 14:31:04 #101
267443 Cue_
Cuecumbergirl
pi_107217765
Vraagje, misschien dat jullie me qua denkwijze wat op weg kunnen helpen:

Ik heb een formulier, hierop is een dropdownmenu met een aantal problemen
1
2
3
4
5		    <td>Probleemtype </td>
    <td><select name="probleemtype" id="probleemtype">
         <? $problemen = $po->showProblemen($probleemid); ?>
    </select>
    </td>

Afhankelijk van de selectie moet hij een tweede dropdownmenu tonen met de oplossingen die eraan gekoppeld zijn. (problemen aparte tabel / oplossingen aparte tabel / en een koppeltabel)

Maar hoe kan ik het beste de waarde uitlezen om vervolgens op 1 of andere manier bij een php qry uit te komen en het resultaat hiervan weer in een dropmenu te zetten?
pi_107217808
Zet een handler op het onchange event van de dropdown.
  woensdag 25 januari 2012 @ 14:56:07 #103
267443 Cue_
Cuecumbergirl
pi_107218499
quote:
0s.gif Op woensdag 25 januari 2012 14:32 schreef Scorpie het volgende:
Zet een handler op het onchange event van de dropdown.
De waarde heb van het probleem. Nu dus nog het ophalen van de oplossingen die eraan zijn gekoppeld en die gegevens in een dropmenu gooien.

nog ideeen?
pi_107218561
quote:
0s.gif Op woensdag 25 januari 2012 14:56 schreef Cue_ het volgende:

[..]

De waarde heb van het probleem. Nu dus nog het ophalen van de oplossingen die eraan zijn gekoppeld en die gegevens in een dropmenu gooien.

nog ideeen?
Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?
  woensdag 25 januari 2012 @ 15:03:00 #105
267443 Cue_
Cuecumbergirl
pi_107218701
quote:
0s.gif Op woensdag 25 januari 2012 14:58 schreef Scorpie het volgende:

[..]

Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?
ja zoiets inderdaad. maar heb je evt soort van voorbeelden hoe dat eruit zou zien de diverse calls enzo?

Want het globale plaatje snap ik nu. :) En dat het ook daadwerkelijk zou moeten lukken :+
pi_107218862
<? $problemen = $po->showProblemen($probleemid); ?>

moet dat niet

<?=$po->showProblemen($probleemid); ?>

zijn?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_107219009
quote:
5s.gif Op woensdag 25 januari 2012 15:08 schreef Chandler het volgende:
<? $problemen = $po->showProblemen($probleemid); ?>

moet dat niet

<?=$po->showProblemen($probleemid); ?>

zijn?
Het lijkt me dat showProblemen() een functie is die zelf al echo't, maar dat was de hele vraag natuurlijk niet :P.
  woensdag 25 januari 2012 @ 15:17:38 #108
56176 Catch22-
Ben je Blind?!
pi_107219130
Die moet je dan niet assignen aan een variabele, dat slaat nergens op.

1
2
3
4
5
6
7
8
9
10
11		<?php
$("#probleemtype").change(function() {
var probleemid = $("option:selected", this).val();
$.get("/getprobleembyid.php?pid=" + probleemid, function(data) {
$(data).each(function() {
$("#probleemkeuze").append($("<option />").text(data.titel).attr("value", data.id));
});
/* ofzo */
});
});
?>
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_107219221
quote:
0s.gif Op woensdag 25 januari 2012 15:03 schreef Cue_ het volgende:

[..]

ja zoiets inderdaad. maar heb je evt soort van voorbeelden hoe dat eruit zou zien de diverse calls enzo?

Want het globale plaatje snap ik nu. :) En dat het ook daadwerkelijk zou moeten lukken :+
1
2
3
4
5
6
7
8		<?php
<select id="first" onchange="javascript: bla("first");">
  <option></option>
  <option></option>
</select>

<select id="hiddenSelect" style="display: hidden;"></select>
?>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		<?php
var bla = function(id){
  var selectedOption = $("#"+id+" option:selected");
  ({
    url: "test.html",
    context: document.body,
    success: function(data){
            // doe hier updaten van je hidden select 
           $(data).each(function(){
              $("#hiddenSelect").append($("<option />").text(this.titel).attr("value", this.id));
           });
           $("#hiddenSelect").show();
    }
  });
}
?>


[ Bericht 4% gewijzigd door #ANONIEM op 25-01-2012 15:25:31 ]
pi_107219252
quote:
11s.gif Op woensdag 25 januari 2012 15:17 schreef Catch22- het volgende:
Die moet je dan niet assignen aan een variabele, dat slaat nergens op.
[ code verwijderd ]

Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijken :P

[ Bericht 11% gewijzigd door #ANONIEM op 25-01-2012 15:25:52 ]
  woensdag 25 januari 2012 @ 15:49:37 #111
267443 Cue_
Cuecumbergirl
pi_107220173
Ik ga hier morgens eens mee aan de slag ^O^
Moet zeggen dat het nog een beetje abacadabra eruit ziet, maar wie weet kom ik ergens :)
  woensdag 25 januari 2012 @ 15:50:35 #112
56176 Catch22-
Ben je Blind?!
pi_107220203
quote:
14s.gif Op woensdag 25 januari 2012 15:21 schreef Scorpie het volgende:

[..]

Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijken :P
Dit was halve pseudocode uit mijn mouw ;)

Cue: je moet dus eerst de opties weghalen. Wat je ook kan doen, wat makkelijker is als je geen jQuery kan, is de select in je php opbouwen en die gewoon in je dom pleuren.
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_107229053
Ik vraag het maar even in dit topic, omdat ik het gevoel heb dat het met HTML & JS gemaakt kan worden.

Ik wil het volgende:
De inhoud van drop-down lists weergeven in een text box. In dit geval zijn er vier drop-down lists. Ik wil dat elke optie in de drop-down lists een stukje HTML-code 'doorstuurt' naar de text box. Uiteindelijk krijg je dus vier geselecteerde keuzes, die allemaal een stukje HTML-code in de text box plaatsen, achter elkaar.



Stel, ik kies bij 1 voor 'Links', bij 2 voor 'Ja', bij 3 voor 'Nee' en bij 4 voor 'Rechts'. Ik wil dan het volgende zien verschijnen in de text box:
1<img src="links.jpg" /><img src="ja.jpg" /><img src="nee.jpg" /><img src="rechts.jpg" />

Is zoiets mogelijk om te maken? Zo ja, waar moet ik dan naar zoeken?

[ Bericht 0% gewijzigd door #ANONIEM op 25-01-2012 19:42:30 ]
pi_107230150
Kunnen de opties die in de dropdowns letterlijk in het tekstvak (al dan niet nadat er iets aan wordt toegevoegd)? Dus dat er in je voorbeeld 'links' of 'links.jpg' in de eerste dropdown staat, 'ja' of 'ja.jpg' in de tweede, etc?

Je kan het beste met een JavaScript library werken (dat maakt de code wel zo gemakkelijk), bijv jQuery. Wat je dan nodig hebt:

1. een event afvangen in javascript (namelijk het veranderen van de dropdown) die een functie afvuurt.
Bijvoorbeeld in jQuery, met al je dropdowns in een form met de id #dropdown:
1$('#dropdown select').change(my_function());

Elke keer als er dan een dropdown verandert wordt die functie afgevoerd.

2. een functie die doet wat je wil. Ongetest voorbeeldje, waarbij elke input de class "selectx" heeft:

1
2
3
4
5
6
7
8
9
10
11
12
13		my_function(){
//waardes uit de dropdowns pakken
var option1 = $('.select1 option:selected');
var option2 = $('.select2 option:selected');
  etc...

//inhoud van het veld opbouwen
var output = "<img src='" + option1 + ".jpg' /><img src='" + option2 + "' />";

//output naar het textvak sturen
$('#outputveld').attr('value', output);

}

Kan je hiermee verder? Het is ongetest, maar geeft in elk geval een idee van waar je heen moet.

[ Bericht 0% gewijzigd door picodealion op 25-01-2012 20:15:52 ]
  donderdag 26 januari 2012 @ 01:02:16 #115
56176 Catch22-
Ben je Blind?!
pi_107245141
nog even. .value() achter de optionsselector doen en je bent er
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_107257377
picodealion, je bent een held! _O_.
pi_107258751
quote:
11s.gif Op donderdag 26 januari 2012 01:02 schreef Catch22- het volgende:
nog even. .value() achter de optionsselector doen en je bent er
.text() in het geval van <option> elementen, en ik was vergeten 'function' voor de functienaam te zetten. We waren al per PM verder gegaan inmiddels :P.


quote:
17s.gif Op donderdag 26 januari 2012 14:14 schreef zarGon het volgende:
picodealion, je bent een held! _O_.
B-).
pi_107366204
Ik heb een Javascript object:
1
2
3
4
5
6
7		var eenHeleGroteObject = {
    "valueNiveau1": {
        "valueNiveau2IsEenArrayMetObjecten": [
            { "key": "value" }, { "key2": "value2" }
        ]
    }
};
En ik heb een string "valueNiveau1"
1var mijnString = "valueNiveau1";
Hoe kan ik de variabel mijnString gebruiken om in het object eenHeleGroteObject de Array te krijgen?

Zonder de variabel zou je kunnen doen: eenHeleGroteObject.valueNiveau1 wat dus een Array geeft.

Ik heb ook eventueel jQuery, dus functies van jQuery kan ik ook gebruiken indien nodig.
Iemand een idee? Bvd.
pi_107367346
Volgens mij gewoon eenHeleGroteObject[mijnString]? (Als ik tenminste je verhaal goed begrijp)
Nee.
pi_107370031
quote:
0s.gif Op zondag 29 januari 2012 16:59 schreef PimD het volgende:
Volgens mij gewoon eenHeleGroteObject[mijnString]? (Als ik tenminste je verhaal goed begrijp)
Klopt.
Ik was stom bezig :D

Thanks.
  dinsdag 31 januari 2012 @ 18:23:09 #121
137776 boem-dikkie
Jedi Mind Baby!
pi_107448984
Jullie enig idee hoe ik dit kan oplossen:



Ik wil dat "het van jou" op dezelfde plek begint als "Welke".

Het element is gewoon een <a> die op een volgende regel valt doordat de div niet breder is. De div breder maken is geen optie. De ">" zit bij het element in.

Ik kan er gewoon plaatjes van maken maar dat voorkom ik uiteraard liever.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107450335
Met text-indent:
http://jsfiddle.net/aAEhw/
  dinsdag 31 januari 2012 @ 19:23:22 #123
137776 boem-dikkie
Jedi Mind Baby!
pi_107451113
Ah nice. Ik had inderdaad ergens text-indent gezien maar dacht dat je daar bepaalde stukjes mee kon laten inspringen en dacht daarom dat ik het dan moest toepassen op "het van jou".

Thanks!
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107461587
Even een noob-vraagje als het mag.

Ik wil graag een minimalistisch HTML5 audio player. Nu zie ik dat het redelijk simpel is met het commando <audio> maar dan krijg je al een (naar mijn mening) te uitgebreide speler zoals:



Heeft/Weet iemand een manier om alleen een Play/Pause/Stop knop te krijgen met HTML5? Dus een play knop, zodra je die klikt start het muziek en dan heb je alleen nog de optie om te pauzeren/stoppen.
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 00:56:09 #125
137776 boem-dikkie
Jedi Mind Baby!
pi_107466551
Misschien heb je hier wat aan. HTML5 audio beïnvloeden met Javascript.

http://www.catswhocode.co(...)html5-audio-property
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107469323
Bedankt, het is gelukt tot zover met een simpele <img> code:



1
2
3
4
5
6
7
8
9		<audio>
  <source src="sound.ogg" type="audio/ogg" >
  <source src="sound.mp3" type="audio/mp3" >
</audio>
<div>
    <button onclick="document.getElementById('player').play()"><img src="Play.png"></button>
    <button onclick="document.getElementById('player').pause()"><img src="Pause.png"></button>

</div>

Nu alleen uitvogelen hoe ik die button style kan bewerken zodat het past op mijn pagina.
Terrorism is the poor mans war, war is the rich mans terrorism.
pi_107469381
Je kan onclick ook aan andere elementen hangen hoor :).
pi_107469573
quote:
14s.gif Op woensdag 1 februari 2012 09:21 schreef picodealion het volgende:
Je kan onclick ook aan andere elementen hangen hoor :).
Dus kan ik die .png bestanden direct linken aan onclick?

Even uitproberen!
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 09:30:47 #129
56176 Catch22-
Ben je Blind?!
pi_107469579
wel even cursor:pointer; erop :)
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?
  woensdag 1 februari 2012 @ 09:31:30 #130
91039 mstx
2x1/2 = 1/2 x 1/2
pi_107469599
quote:
0s.gif Op woensdag 1 februari 2012 09:30 schreef Baghdaddy het volgende:

[..]

Dus kan ik die .png bestanden direct linken aan onclick?

Even uitproberen!
Javascript events kunnen aan vrijwel elke zichtbare HTML tag gekoppeld worden.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_107469668
quote:
14s.gif Op woensdag 1 februari 2012 09:31 schreef mstx het volgende:

[..]

Javascript events kunnen aan vrijwel elke zichtbare HTML tag gekoppeld worden.
Oke, wist ik niet! :P

quote:
11s.gif Op woensdag 1 februari 2012 09:30 schreef Catch22- het volgende:
wel even cursor:pointer; erop :)
Hoe bedoel je dat precies?

Is dit ongeveer iets in de goede richting:

1<img src="Play.png" onclick="document.getElementById('player').play()">

Kan het momenteel niet testen.
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 09:36:53 #132
56176 Catch22-
Ben je Blind?!
pi_107469693
ja. En een style="cursor:pointer" er op.

Maar je kan dit beter extern oplijmen, is toch netter.
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_107469882
quote:
0s.gif Op woensdag 1 februari 2012 09:35 schreef Baghdaddy het volgende:

[..]

Oke, wist ik niet! :P

[..]

Hoe bedoel je dat precies?

Is dit ongeveer iets in de goede richting:
[ code verwijderd ]

Kan het momenteel niet testen.
Dit bedoelde ik inderdaad. En wat Catch22- zegt, je kan beter styles (en scripts) in aparte .css en .js bestanden zetten, maar als de onclick de enige javascript is die je gebruikt is dit wel prima zo.
  woensdag 1 februari 2012 @ 09:54:42 #134
56176 Catch22-
Ben je Blind?!
pi_107470027
voor hebruikbaarheid is dat toch makkelijker.
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_107476536
Bedankt.

Ik heb inderdaad bijna geen javascript verder en vandaar dat ik dit dan ook zo doe. Nog een laatste vraag (voor nu :P);

1
2
3
4
5
6
7
8
9
10		<audio>
  <source src="audio/1.mp3" type="audio/mp3" >
  <source src="audio/1.ogg" type="audio/ogg" >
</audio>
<div>

    <img src="Play.png" style="cursor:pointer" onclick="document.getElementById('player').play()">
    <img src="Pause.png" style="cursor:pointer" onclick="document.getElementById('player').pause()">

</div>

Wat doe ik verkeerd? Muziek speelt niet af.
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 13:39:59 #136
56176 Catch22-
Ben je Blind?!
pi_107476583
doe eens <audio id="player"> ipv <audio>

Hoe moet de browser anders weten wat getElementById('player') is?
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_107476645
quote:
11s.gif Op woensdag 1 februari 2012 13:39 schreef Catch22- het volgende:
doe eens <audio id="player"> ipv <audio>

Hoe moet de browser anders weten wat getElementById('player') is?
Dat was het inderdaad, bedankt. Ik dacht dat de browser automatisch de audio speler herkent!
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 13:42:09 #138
56176 Catch22-
Ben je Blind?!
pi_107476662
Doet hij ook wel, maar als je document.getElementById gebruikt, dan moet het object dat je wil aansturen wel dat ID hebben :)
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 2 februari 2012 @ 11:03:10 #139
267443 Cue_
Cuecumbergirl
pi_107509969
Kort vraagje weer:
ik heb een formulier, met 1 submit button erop die ervoor zorgt dat de gegevens opgeslagen en gemaild worden.
Maar nu is het zo dat wat ik ook doe in het form, die button is gelecteerd (focus erop). zodat als ik maar 1x per ongeluk op enter druk het formulier wordt verzonden.

Hoe krijg ik dit het mooiste weg?
pi_107510009
Heb je een linkje?
  donderdag 2 februari 2012 @ 11:05:06 #141
267443 Cue_
Cuecumbergirl
pi_107510022
quote:
3s.gif Op donderdag 2 februari 2012 11:04 schreef picodealion het volgende:
Heb je een linkje?
Naar mijn form? :?
  donderdag 2 februari 2012 @ 11:05:08 #142
56176 Catch22-
Ben je Blind?!
pi_107510024
de onkeydown van de enterknop registreren en bij een enter een return false; doen?

maar ik gebruik die functionaliteit zelf best vaak en het is standaard behaviour dus ik vraag me af of je dat moet willen.
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_107510034
Cue_: wss is het een submit button ipv een gewone knop.
  donderdag 2 februari 2012 @ 11:07:05 #144
267443 Cue_
Cuecumbergirl
pi_107510084
quote:
11s.gif Op donderdag 2 februari 2012 11:05 schreef Catch22- het volgende:
de onkeydown van de enterknop registreren en bij een enter een return false; doen?

maar ik gebruik die functionaliteit zelf best vaak en het is standaard behaviour dus ik vraag me af of je dat moet willen.
Ik heb al twee gebruikers gehad die er last van hebben gehad. En dit zijn zeg maar de snuggere van degene die het gaan gebruiken.

Maar die onkeydown.. dat zou ik dan bij elk veld moeten neerplempen?

quote:
0s.gif Op donderdag 2 februari 2012 11:05 schreef Scorpie het volgende:
Cue_: wss is het een submit button ipv een gewone knop.
Klopt is het ook. Want vervolgens verwerk ik de gegevens.
  donderdag 2 februari 2012 @ 11:10:28 #145
56176 Catch22-
Ben je Blind?!
pi_107510185
Dan zou ik de submitbutton vervangen door een <button> en dit stukje jQuery plaatsen (als je dat gebruikt, anders even vertalen.

1
2
3		<?php
$("button#fakeSubmit").click(function() { $(this).closest("form").submit(); });
?>
(phptags voor de highlighting)
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 2 februari 2012 @ 11:16:15 #146
267443 Cue_
Cuecumbergirl
pi_107510351
quote:
11s.gif Op donderdag 2 februari 2012 11:10 schreef Catch22- het volgende:
Dan zou ik de submitbutton vervangen door een <button> en dit stukje jQuery plaatsen (als je dat gebruikt, anders even vertalen.
[ code verwijderd ]

(phptags voor de highlighting)
jQuery wordt niet gebruikt bij deze en zelf ook geen ervaring mee nog. Maar in ieder geval dus richting gewone button gaan.
  donderdag 2 februari 2012 @ 11:23:44 #147
56176 Catch22-
Ben je Blind?!
pi_107510567
dan doe je dit

1
2
3		<?php
<button value="Opslaan" onclick="document.getElementById('myForm').submit()"/>
?>
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 2 februari 2012 @ 11:26:26 #148
91039 mstx
2x1/2 = 1/2 x 1/2
pi_107510659
Enter in een text input = versturen. Dat is altijd al zo en standaard functionaliteit.
Het probleem is dus dat mensen het formulier te vroeg versturen voordat ze alles ingevuld hebben? Zit daar dan geen validatie op?
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  donderdag 2 februari 2012 @ 11:32:04 #149
267443 Cue_
Cuecumbergirl
pi_107510842
quote:
11s.gif Op donderdag 2 februari 2012 11:23 schreef Catch22- het volgende:
dan doe je dit
[ code verwijderd ]

Geweldig O+
Was inderdaad al op zoek gegaan naar de juiste syntax voor de onclick. :)
quote:
0s.gif Op donderdag 2 februari 2012 11:26 schreef mstx het volgende:
Enter in een text input = versturen. Dat is altijd al zo en standaard functionaliteit.
Het probleem is dus dat mensen het formulier te vroeg versturen voordat ze alles ingevuld hebben? Zit daar dan geen validatie op?
Op dit moment maak ik voor deze opdracht nog geen validaties op velden. Het is eerst maar bekijken of het wordt gebruikt en hoe vaak.
Daarbij zijn de mensen hier zo gewend om in andere applicaties met 'enter' naar het volgende veld te gaan dat dat gewoon geen optie is om dat als functie erachter te hebben.
pi_107510961
Enter naar een volgend veld? Daar heb je tab voor.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] voor dummies #21
Index

» digital corner

» development

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