[html, css, js] Waar dummies nog meer iniatief gaan tonen! ;) #24

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_109513481
quote:
0s.gif Op zondag 25 maart 2012 22:44 schreef PimD het volgende:
Niks mooier dan ID's en classnames als '#right', '.leftcolumn' of 'HeaderRed'.
1
2
3		.HeaderRed {
    color: blue;
}
fokstok.nl
pi_109514223
quote:
0s.gif Op zondag 25 maart 2012 22:44 schreef PimD het volgende:
Niks mooier dan ID's en classnames als '#right', '.leftcolumn' of 'HeaderRed'.
Vergeet "roundtop", "roundbot" en "roundall" niet
zcflevo.nl
  maandag 26 maart 2012 @ 00:47:46 #103
87680 Mirel
Mirel wil een bongophone.
pi_109517729
quote:
5s.gif Op zondag 25 maart 2012 00:16 schreef picodealion het volgende:

[..]

Wat voor jquery dingen heb je geprobeerd?

In grove lijnen moet je op de onsubmit event van de submitbutton checken of er tekst in de input staat, en zo niet een return false geven. Begin daar maar eens mee.
Welgeteld een script gevonden. Die niet werkt. Pff.

Ik wil gewoon een javascript die in <head> gaat en de namen of ID's van inputvelden controleert. ;(
When all else fails, you always have delusion.
pi_109517953
Wat let je om zelf iets te schrijven?
zcflevo.nl
  maandag 26 maart 2012 @ 07:02:16 #105
87680 Mirel
Mirel wil een bongophone.
pi_109519708
Tijd, het moet al 2 weken terug af zijn en om nu Javascript te leren zou ook nog weken duren.
When all else fails, you always have delusion.
  maandag 26 maart 2012 @ 07:36:38 #106
370539 kucher
is snucher
pi_109519841
Waarom zou je in JavaScript willen controleren of de name attributen nog correct zijn? Als je dat veranderd mag je ervan uitgaan dat de server er niets mee doet of een error geeft.
  maandag 26 maart 2012 @ 09:21:12 #107
87680 Mirel
Mirel wil een bongophone.
pi_109520856
Eindelijk, dit werkt. http://www.w3schools.com/js/js_form_validation.asp

Heb lastname erbij toegevoegd:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19		<script type="text/javascript">
function validateForm()
{

var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }

var x=document.forms["myForm"]["lname"].value;
if (x==null || x=="")
  {
  alert("Last name must be filled out");
  return false;
  }
}
</script>
When all else fails, you always have delusion.
pi_109522407
Ik ben een JS noob,hoe gaat dat met Joomla? :*
pi_109522484
quote:
0s.gif Op maandag 26 maart 2012 10:28 schreef Blue_Panther_Ninja het volgende:
Ik ben een JS noob,hoe gaat dat met Joomla? :*
que?
pi_109522552
quote:
0s.gif Op maandag 26 maart 2012 10:31 schreef Scorpie het volgende:

[..]

que?
Joomla o|O
pi_109522577
quote:
0s.gif Op maandag 26 maart 2012 10:28 schreef Blue_Panther_Ninja het volgende:
Ik ben een JS noob,hoe gaat dat met Joomla? :*
Is dit een vraag?
  maandag 26 maart 2012 @ 10:53:43 #112
87680 Mirel
Mirel wil een bongophone.
pi_109523052
quote:
0s.gif Op maandag 26 maart 2012 10:28 schreef Blue_Panther_Ninja het volgende:
Ik ben een JS noob,hoe gaat dat met Joomla? :*
Kant en klare plugins in dat geval :P (voor het grootste gedeelte)
When all else fails, you always have delusion.
pi_109523359
quote:
0s.gif Op maandag 26 maart 2012 10:33 schreef Blue_Panther_Ninja het volgende:

[..]

Joomla o|O
Ja, dus? Ik zie de relevantie tussen JS, HTML en CSS niet met een CMS. Please do explain.
pi_109531579
Ben wel benieuwd of mensen hier al websites online hebben staan.

Iemand die al wat van hem/haar werk kan laten zien?
  maandag 26 maart 2012 @ 15:57:15 #115
87680 Mirel
Mirel wil een bongophone.
pi_109532470
Ik heb vrij weinig: http://www.mirelmasic.nl/sites/

En ben nu bezig met http://www.filmdepartment.nl/v2
When all else fails, you always have delusion.
  maandag 26 maart 2012 @ 16:35:20 #116
137776 boem-dikkie
Jedi Mind Baby!
pi_109534110
quote:
0s.gif Op maandag 26 maart 2012 15:57 schreef Mirel het volgende:
Ik heb vrij weinig: http://www.mirelmasic.nl/sites/

En ben nu bezig met http://www.filmdepartment.nl/v2
Waarom is er bij die jonginarnhem twee keer een body, html etc tag?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  maandag 26 maart 2012 @ 22:29:29 #117
370539 kucher
is snucher
  maandag 26 maart 2012 @ 22:31:04 #118
137776 boem-dikkie
Jedi Mind Baby!
pi_109550636
quote:
0s.gif Op maandag 26 maart 2012 22:29 schreef kucher het volgende:
dat captcha
1998 wil zijn gif terug?

Tering wat lelijk. :')
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  maandag 26 maart 2012 @ 22:44:06 #119
370539 kucher
is snucher
pi_109550987
Ik vind 'm gaaf, maar zou toch eerder recaptcha gebruiken.
  maandag 26 maart 2012 @ 23:46:04 #120
87680 Mirel
Mirel wil een bongophone.
pi_109553617
quote:
11s.gif Op maandag 26 maart 2012 16:35 schreef boem-dikkie het volgende:

[..]

Waarom is er bij die jonginarnhem twee keer een body, html etc tag?
Ik zie bijna niks in de source. :D Ik ben er niet mee begonnen en niet mee geeindigd. Met Presikharmonie wel, en die Captcha, weet ik veel, :P Ik wist er bar weinig vanaf.

Deze heb ik niet eens online staan omdat die lelijk was om mee te beginnen maar nu helemaal verneukt is door de oudjes die het beheren. Het oude design is niet eens terug te zien: www.matrozenkoorapeldoorn.nl

*O*

//edit

[ Bericht 33% gewijzigd door Mirel op 28-03-2012 10:05:50 ]
When all else fails, you always have delusion.
pi_109636147
Iemand hier bedreven in Jquery?
Ik wil het menu wat ik nu heb bij een klik op een element, zodra je daar op een optie klikt, dat die optie in het betreffende div getoond wordt. Eventuele verbeteringen zou ik graag horen. Ik ben letterlijk een noob met jquery op het moment.

Edit: zie het commentaar in de code daar gaat het fout.
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		function updateGridSize(xGridSize, yGridSize) {
                // Size of grid fields 

                var wrapperX = xGridSize * xSize;
                var wrapperY = yGridSize * ySize;
                $('#xGridSize').attr('value', xGridSize);
                $('#yGridSize').attr('value', yGridSize);
                $('#wrapper').css({width: (wrapperX+xSize)+'px', float: 'left'}).empty(); 
                // Loop y
                for(var y=1;y<=yGridSize;y++) {
                    for(var x=1;x<=xGridSize;x++) {
                        $("<div></div>").attr('id',x+','+y)
                        .css({float: 'left',border: '1px solid black',width:(xSize)+'px', height:(ySize)+'px'}).appendTo('#wrapper')
                        .droppable({
                            drop: function(event, ui) {
                                $(this).append($(ui.draggable)
                                .clone()
                                .css({border: 'none',width:xSize+'px', height:ySize+'px', padding: '0', margin: '0'})
                                .draggable({helper: 'clone'})
                                .click(function(e){
                                    $('#temp').remove();
                                    $('<div></div>')
                                    .attr('id', 'temp')
                                    .css({position: 'absolute',left: e.pageX+'px', top: e.pageY+'px', width:'150px',height:'150px'})
                                    .appendTo('#wrapper');
                                    // For the next part i need the parent clicked id
                                    var parentId = $(this).attr('id');
                                    
                                    $.each(roadTypes, function(name, htmlText){
                                        $('<div></div>').attr('id', name).addClass('button').html(name).click(function(e){
                                            // parentId undefined :(
                                            $('#'+parentId).html(htmlText).css({color: 'white'});
                                            $('#temp').remove();
                                        }).appendTo('#temp');           
                                    })
                                })
                                .bind('contextmenu', function(e){
                                    e.preventDefault();
                                    $(this).remove();
                                }));
                            }
                        });   
                    }
                }       
            }


[ Bericht 0% gewijzigd door #ANONIEM op 28-03-2012 23:50:15 ]
  woensdag 28 maart 2012 @ 23:55:03 #122
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_109636342
quote:
0s.gif Op woensdag 28 maart 2012 23:49 schreef totalvamp het volgende:
Iemand hier bedreven in Jquery?
Ik wil het menu wat ik nu heb bij een klik op een element, zodra je daar op een optie klikt, dat die optie in het betreffende div getoond wordt. Eventuele verbeteringen zou ik graag horen. Ik ben letterlijk een noob met jquery op het moment.

Edit: zie het commentaar in de code daar gaat het fout.
[ code verwijderd ]

Stukje html er bij zou wel handig zijn.
pi_109636446
quote:
7s.gif Op woensdag 28 maart 2012 23:55 schreef BBQSausage het volgende:

[..]

Stukje html er bij zou wel handig zijn.
ok uhmm :P alle html die ik heb is door JS gegenereerd ;)

Hier een stukje
Edit: even updaten omdat ik had zitten klooien ermee dus het id is pleite ;)

1
2		<div id="1,1" style="float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-image: initial; width: 100px; height: 100px; " class="ui-droppable">
<div class="Traffic\Roads\Sides\BottomSide ui-draggable" id="5534" style="background-image: url(http://localhost/trafficlight/Traffic/assets/img/BottomSide.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; width: 100px; height: 100px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-position: initial initial; background-repeat: initial initial; "></div></div>

Ik kan het anders denk ook wel ergens online laten zien (gratis php host ofzo).

[ Bericht 0% gewijzigd door #ANONIEM op 29-03-2012 00:00:59 ]
  donderdag 29 maart 2012 @ 00:01:43 #124
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_109636612
updateGridSize(); staat in een onclick?

Maak van die onclick eens:
1onclick="updateGridSize(xGridSize, yGridSize,this)"

En vang hem af in javascript;
1updateGridSize(xGridSize, yGridSize,x)

Vervolgens je parentId zo definieren:

1 var parentId = $(x).attr('id');
pi_109636676
quote:
0s.gif Op woensdag 28 maart 2012 23:57 schreef totalvamp het volgende:

[..]

ok uhmm :P alle html die ik heb is door JS gegenereerd ;)

Hier een stukje
Edit: even updaten omdat ik had zitten klooien ermee dus het id is pleite ;)
[ code verwijderd ]

Ik kan het anders denk ook wel ergens online laten zien (gratis php host ofzo).
Ehm. Je bent een noob in jQuery maar bouwt er wel even een complete website mee zonder maar een regel HTML?
zcflevo.nl
pi_109636682
quote:
14s.gif Op donderdag 29 maart 2012 00:01 schreef BBQSausage het volgende:
updateGridSize(); staat in een onclick?

Maak van die onclick eens:
[ code verwijderd ]

En vang hem af in javascript;
[ code verwijderd ]

Vervolgens je parentId zo definieren:
[ code verwijderd ]

nee geen onclicks :P alles is met jquery.
upgradeGridSize wordt 1 keer aangeroepen per pagina refresh.


quote:
14s.gif Op donderdag 29 maart 2012 00:03 schreef KomtTijd... het volgende:

[..]

Ehm. Je bent een noob in jQuery maar bouwt er wel even een complete website mee zonder maar een regel HTML?
Ik ben 2 dagen geleden hiermee begonnen. Ik noem mezelf een noob ja ;)

Edit2 of 3: hier een screenshot van wat ik heb (voor de duidelijkheid).
Je kunt dus een wegen netwerk maken door drag&drop.

Dit is het menu wat ik bedoel:


[ Bericht 16% gewijzigd door #ANONIEM op 29-03-2012 00:10:50 ]
  donderdag 29 maart 2012 @ 00:11:30 #127
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_109636981
Als je het online kan zetten, graag.
pi_109637069
quote:
7s.gif Op donderdag 29 maart 2012 00:11 schreef BBQSausage het volgende:
Als je het online kan zetten, graag.
Heb je een idee voor een gratis host? Er zijn namelijk wat custom dingen nodig qua JS.
Edit: Linkje hier
http://totalvamp.woelmuis.nl/gridedit.html

Edit2:
Ik heb het gefixt op de volgende manier:
1
2
3
4
5
6
7
8		$("<div></div>").attr('id',x+','+y)
                        .css({float: 'left',border: '1px solid black',width:(xSize)+'px', height:(ySize)+'px'}).appendTo('#wrapper')
                        .droppable({
                            drop: function(event, ui) {
                                $(this).append($(ui.draggable)
                                .clone()
//////////////////////////////////////////// deze regel erbij gezet
                                .attr('id', Math.floor((Math.random()*10000)+1))


[ Bericht 34% gewijzigd door #ANONIEM op 29-03-2012 01:10:15 ]
  donderdag 29 maart 2012 @ 01:20:14 #129
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_109638753
quote:
0s.gif Op donderdag 29 maart 2012 00:14 schreef totalvamp het volgende:

[..]

Heb je een idee voor een gratis host? Er zijn namelijk wat custom dingen nodig qua JS.
Edit: Linkje hier
http://totalvamp.woelmuis.nl/gridedit.html

Edit2:
Ik heb het gefixt op de volgende manier:
[ code verwijderd ]

Ik heb het inmiddels ook opgelost, ik weet alleen niet of de rest dan nog werkt. id's met komma's erin zijn niet betrouwbaar, vandaar dat ik die er uit heb gehaald;

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96		            var xSize = 100;
            var ySize = 100;
            var roadTypes = {corner : 'corner', left: '<---', right: '--->', up : '^<br />|', down:'|<br />v'};

            $(document).ready(function(){
                // How large the grid is
                var xGridSize = 10;
                var yGridSize = 10;

                $("<div></div>").attr('id','wrapper').appendTo('body');
                updateGridSize(xGridSize, yGridSize);

                $(function(){
                    $("#toolbar").draggable().tabs({width: "150px"}).resizable().css({float: 'right'});
                    //get roads
                    var roads = {"Traffic\\Roads\\Sides\\BottomSide":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/BottomSide.png","Traffic\\Roads\\Sides\\LeftSide":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/LeftSide.png","Traffic\\Roads\\Sides\\RightSide":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/RightSide.png","Traffic\\Roads\\Sides\\TopSide":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/TopSide.png","Traffic\\Roads\\Middle\\LeftClosed":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/LeftClosed.png","Traffic\\Roads\\Middle\\Plain":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/plain.png","Traffic\\Roads\\Middle\\RightClosed":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/RightClosed.png","Traffic\\Roads\\Middle\\xSingle":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/xSingle.png","Traffic\\Roads\\Middle\\ySingle":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/ySingle.png","Traffic\\Roads\\Corner\\BottomLeft":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/BottomLeft.png","Traffic\\Roads\\Corner\\BottomRight":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/BottomRight.png","Traffic\\Roads\\Corner\\TopLeft":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/TopLeft.png","Traffic\\Roads\\Corner\\TopRight":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/TopRight.png"};
                    $.each(roads, function(name, img){
                        $("<div></div>").
                        addClass(name)
                        .attr('id', Math.floor((Math.random()*10000)+1))
                        .css({margin: '4px',height:ySize+'px', width: xSize+'px',background: "url('"+img+"')", float: 'left'})
                        .appendTo('#roads')
                        .draggable({
                            helper: 'clone'
                        });
                    })
                    var scenery = {"Traffic\\Scenery\\Grass":"http:\/\/totalvamp.woelmuis.nl\/Traffic\/assets\/img\/grass.png"};
                    $.each(scenery, function(name, img){
                        $("<div></div>").
                        addClass(name)
                        .attr('id', Math.floor((Math.random()*10000)+1))
                        .css({margin: '4px',height:ySize+'px', width: xSize+'px',background: "url('"+img+"')", float: 'left'})
                        .appendTo('#scenery')
                        .append("<img src="+img+" />")
                        .draggable({
                            helper: 'clone'
                        });
                    })
                });  
                $("#changeGridSize").click(function(){
                    var newX = $("#xGridSize").val();    
                    var newY = $("#yGridSize").val();  
                    updateGridSize(newX, newY);
                })

            });

            function updateGridSize(xGridSize, yGridSize) {
                // Size of grid fields 

                var wrapperX = xGridSize * xSize;
                var wrapperY = yGridSize * ySize;
                $('#xGridSize').attr('value', xGridSize);
                $('#yGridSize').attr('value', yGridSize);
                $('#wrapper').css({width: (wrapperX+xSize)+'px', float: 'left'}).empty(); 
                // Loop y
                for(var y=1;y<=yGridSize;y++) {
                    for(var x=1;x<=xGridSize;x++) {
                        $("<div></div>").attr('id',x+""+y)
                        .css({float: 'left',border: '1px solid black',width:(xSize)+'px', height:(ySize)+'px'}).appendTo('#wrapper')
                        .droppable({
                            drop: function(event, ui) {
                                $(this).append($(ui.draggable)
                                .clone()
                                .css({border: 'none',width:xSize+'px', height:ySize+'px', padding: '0', margin: '0'})
                                .draggable({helper: 'clone'})
                                .click(function(e){
                                    $('#temp').remove();
                                    $('<div></div>')
                                    .attr('id', 'temp')
                                    .css({position: 'absolute',left: e.pageX+'px', top: e.pageY+'px', width:'150px',height:'150px'})
                                    .appendTo('#wrapper');
                                    // For the next part i need the parent clicked id
                                    var parentId = $(this).parent("div").attr('id');
                                    //alert(parentId);
                                    $.each(roadTypes, function(name, htmlText){
                                        $('<div></div>').attr('id', name).addClass('button').html(name).click(function(e){
                                            // parentId undefined :(
                                            //alert(parentId);
                                            //var parentId = $(this).parent("div").attr('id');
                                            //console.log($('#'+parentId+' > div'));
                                            //$('#'+parentId).children().append('<p>test</p>');
                                            $('#'+parentId+' > div').html(htmlText).css({color: 'white'});
                                            $('#temp').remove();
                                        }).appendTo('#temp');           
                                    })
                                })
                                .bind('contextmenu', function(e){
                                    e.preventDefault();
                                    $(this).remove();
                                }));
                            }
                        });   
                    }
                }       
            }
  donderdag 29 maart 2012 @ 07:47:47 #130
370539 kucher
is snucher
pi_109640276
quote:
$("<div></div>")
Wat is dezen?
pi_109640412
quote:
0s.gif Op donderdag 29 maart 2012 07:47 schreef kucher het volgende:

[..]

Wat is dezen?
Het refereren naar een nieuwe div dmv jQuery natuurlijk. Deze wordt vervolgens in het DOM geplemd met id "wrapper" in de body.

[ Bericht 9% gewijzigd door #ANONIEM op 29-03-2012 08:08:22 ]
pi_109641336
quote:
0s.gif Op donderdag 29 maart 2012 00:14 schreef totalvamp het volgende:

[..]

Heb je een idee voor een gratis host? Er zijn namelijk wat custom dingen nodig qua JS.
Edit: Linkje hier
http://totalvamp.woelmuis.nl/gridedit.html

Edit2:
Ik heb het gefixt op de volgende manier:
[ code verwijderd ]

Officieel mag een id niet met een cijfer beginnen. Zo zet je er een letter voor:

1.attr('id', 'a' + Math.floor((Math.random()*10000)+1))
fokstok.nl
  donderdag 29 maart 2012 @ 11:18:28 #133
87680 Mirel
Mirel wil een bongophone.
pi_109644854
Bestaat er een gallery die foto's op deze manier rangschikt? http://paard.tumblr.com/archive

Ik heb dit proberen na te maken. Heb in feite gewoon alle code overgekopieerd en alle externe bestanden meegenomen.

Alleen het bestand die de foto's verzorgd is voor mij een raadsel. Hoe moet ik hier precies een foto in plaatsen? De thumbnail link linkt naar een mapje? En noderef ook?

http://pastebin.com/7v5sSFZv

Dit is m'n testomgeving: www.mirelmasic.nl/troep/gallery en zo moet het eruit zien: http://fmaul.de/gallery-grid-example/

Als iemand een wordpress plugin weet die hetzelfde doet, dan is dat ook goed :P
When all else fails, you always have delusion.
pi_109645615
quote:
0s.gif Op maandag 26 maart 2012 15:57 schreef Mirel het volgende:
Ik heb vrij weinig: http://www.mirelmasic.nl/sites/

En ben nu bezig met http://www.filmdepartment.nl/v2
filmdepartment ziet er netjes uit
je ziet wel heel goed dat er iets gerommelt is met die bril van die man
maar wel een mooi effect
  donderdag 29 maart 2012 @ 11:45:26 #135
87680 Mirel
Mirel wil een bongophone.
pi_109645969
Ja, dat ben ik met een nepbril :P We probeerden een soort http://iwdrm.tumblr.com effect te maken
When all else fails, you always have delusion.
pi_109646318
quote:
0s.gif Op donderdag 29 maart 2012 11:45 schreef Mirel het volgende:
Ja, dat ben ik met een nepbril :P We probeerden een soort http://iwdrm.tumblr.com effect te maken
best goed gelukt..misschien is de beweging wel net iets te subtiel tov je voorbeeld
  donderdag 29 maart 2012 @ 12:00:36 #137
87680 Mirel
Mirel wil een bongophone.
pi_109646477
Ik wilde het juist subtieler. En m'n ogen bewegen omdat de beweging eigenlijk met m'n hele hoofd was. Dat is allemaal binnen de bril gepropt. Maar ik heb enkel geposeerd :)
When all else fails, you always have delusion.
  donderdag 29 maart 2012 @ 12:42:47 #138
87680 Mirel
Mirel wil een bongophone.
pi_109648285
quote:
0s.gif Op donderdag 29 maart 2012 11:18 schreef Mirel het volgende:
Bestaat er een gallery die foto's op deze manier rangschikt? http://paard.tumblr.com/archive

Ik heb dit proberen na te maken. Heb in feite gewoon alle code overgekopieerd en alle externe bestanden meegenomen.

Alleen het bestand die de foto's verzorgd is voor mij een raadsel. Hoe moet ik hier precies een foto in plaatsen? De thumbnail link linkt naar een mapje? En noderef ook?

http://pastebin.com/7v5sSFZv

Dit is m'n testomgeving: www.mirelmasic.nl/troep/gallery en zo moet het eruit zien: http://fmaul.de/gallery-grid-example/

Als iemand een wordpress plugin weet die hetzelfde doet, dan is dat ook goed :P
Hmm dit moet dus in iets genaamd Alfresco.. :/ Denk niet dat dit 'em wordt..

Even nog een keer Wordpress plugins zoeken dan..
When all else fails, you always have delusion.
  vrijdag 30 maart 2012 @ 20:08:40 #139
345970 Doodloper
Is een hardloper.
pi_109706332
Ik wil graag bij het openen van een pagina weten of die pagina actief is (dus focus heeft).
Je kunt met jQuery een focus of blur-event opvangen:
1
2
3		$(window).bind('focus',function() { 
    doeDingen();
});
maar ik wil weten of hij bij het laden ook al focus heeft (of dat het bijvoorbeeld een tab is die op de achtergrond geopend is). Een soort window.hasFocus() ofzo.

Iemand een idee hoe ik dat handig doe?

Ik wil namelijk een functie die enkel draait als de pagina actief is.
We zullen zien, zei de blinde.
pi_109706666
Je kunt natuurlijk gewoon een event binden aan het mousemove event ofzo op de body.
Nee.
  vrijdag 30 maart 2012 @ 20:29:27 #141
345970 Doodloper
Is een hardloper.
pi_109707138
Ja opzich kan dat wel als workaround, maar is er geen normale functie voor?

Ik vind het raar dat je het wel met triggers/events kan afhandelen, maar dat er geen hasFocus ofzo is..
We zullen zien, zei de blinde.
  vrijdag 30 maart 2012 @ 20:33:55 #142
370539 kucher
is snucher
  vrijdag 30 maart 2012 @ 20:37:56 #143
345970 Doodloper
Is een hardloper.
pi_109707532
Hm oke ;(

Ik kan natuurlijk wel op die muis-bewegingen afgaan, maar als je een keer een blind persoon of mobiele user hebt dan zit je daar weer mee.

Naja, anders ga ik er wel gewoon vanuit dat er standaard een focus is.
We zullen zien, zei de blinde.
  vrijdag 30 maart 2012 @ 20:46:34 #144
370539 kucher
is snucher
  vrijdag 30 maart 2012 @ 21:06:17 #145
345970 Doodloper
Is een hardloper.
pi_109709006
Thanks, ga ik daar ff mee verder prutsen. :)
We zullen zien, zei de blinde.
  zondag 1 april 2012 @ 16:14:15 #146
292596 Faux.
Fan van zichzelf
pi_109767546
1
2
3
4
5		<form action="/post" method="post">
<textarea name="content"></textarea><br />
<button onclick="addKey()">Key</button><br />
<button onclick="addChar()">Char</button><br />
</form>

In Firefox en in Chrome verzendt ie automatisch het formulier als er op een button gedrukt wordt, zonder dat die button een submit-button is. Hoe kan ik dat voorkomen?
Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
pi_109770111
return false?
zcflevo.nl
pi_109770472
Of gewoon het default event preventen.

1
2
3
4		var addChar = function(e){
e.preventDefault();
// je eigen code
}

Ofzo.
Nee.
  maandag 2 april 2012 @ 10:09:27 #149
87680 Mirel
Mirel wil een bongophone.
pi_109795053
Ik heb op http://filmdepartment.nl/v2/?page_id=61 een soort gallery of iets, het komt van de template maar ik kan niet vinden wat de bron is in de code.

Ik wil namelijk van het standaard mouse hover plaatje:


Dit maken:
When all else fails, you always have delusion.
  maandag 2 april 2012 @ 10:11:10 #150
56176 Catch22-
Ben je Blind?!
pi_109795090
Alsjeblieft zeg, dat kan je toch zelf wel vinden?
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?
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] Waar dummies nog meer iniatief gaan tonen! ;) #24
Index

» digital corner

» development

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