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

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
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? :*
  maandag 26 maart 2012 @ 10:31:08 #109
84244 Scorpie
Abject en infaam!
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?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
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.
  maandag 26 maart 2012 @ 11:04:27 #113
84244 Scorpie
Abject en infaam!
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.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
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
actieve topics nieuwe topics
abonnement Unibet Coolblue
[html, css, js] Waar dummies nog meer iniatief gaan tonen! ;) #24
Index

» digital corner

» development

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