[html, css, js] topicid++

maandag 29 juli 2013 @ 21:28:35 #151

superky

quote:
Op maandag 29 juli 2013 21:18 schreef PimD het volgende:
Of je animeert gewoon de max-height met CSS bij hover:
[ code verwijderd ]

Als je het dan met perse met Javascript wilt doen, doe het dan ook goed en bouw een delay e.d. in zodat het menu pas openklapt als je minimaal een aantal milliseconden er boven hangt met je muis e.d. Maar een hoop aan elkaar gechainde jQuery-methods mag natuurlijk ook

Nee hover wil ik niet, en het hoeft niet perse met JavaScript gedaan te worden. Ik wil graag dat het menu openklapt als je op een link klikt.

maandag 29 juli 2013 @ 22:16:21 #152

PimD

Nee.

Je kunt ook :target gebruiken, moeten je submenu's wel unieke ID's hebben.

1
2
3
4
5
6
7
8
9

li > ul {
max-height:0;
transition:max-height 500ms ease-out;
}

li > ul:target {
max-height:999em;
transition:max-height 500ms ease-in;
}

en in je HTML

1
2
3
4
5
6
7

<ul>
<li><a href="#submenu">Submenu</a>
<ul id="submenu">
....
</ul>
</li>
</ul>

Bleuh.

dinsdag 30 juli 2013 @ 00:10:51 #153

TwenteFC

Bootstrap 3 is uit.

http://getbootstrap.com/

dinsdag 30 juli 2013 @ 14:41:46 #154

FigureBirdStars

lol slavery

De grote populariteit van frameworks als Bootstrap en Foundation nooit zo begrepen. Het is handig om snelle prototypes te maken, maar voor mij niet meer dan dat.

dinsdag 30 juli 2013 @ 14:44:55 #155

Catch22-

Ben je Blind?!

quote:
Op dinsdag 30 juli 2013 14:41 schreef FigureBirdStars het volgende:
De grote populariteit van frameworks als Bootstrap en Foundation nooit zo begrepen. Het is handig om snelle prototypes te maken, maar voor mij niet meer dan dat.

ideale basis man. Ik maak alleen maar applicaties, dan is het ideaal. Gewoon degelijke basis.

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?

dinsdag 30 juli 2013 @ 16:07:45 #156

superky

quote:
Op maandag 29 juli 2013 22:16 schreef PimD het volgende:
Je kunt ook :target gebruiken, moeten je submenu's wel unieke ID's hebben.
[ code verwijderd ]

en in je HTML
[ code verwijderd ]

Hey je code werkt bij mij niet :S Want ik krijg gewoon dit te zien, zonder dat ik op submenu heb geklikt:

[ Bericht 17% gewijzigd door superky op 30-07-2013 16:30:50 ]

dinsdag 30 juli 2013 @ 16:29:03 #157

Devv

quote:
Op dinsdag 30 juli 2013 14:41 schreef FigureBirdStars het volgende:
De grote populariteit van frameworks als Bootstrap en Foundation nooit zo begrepen. Het is handig om snelle prototypes te maken, maar voor mij niet meer dan dat.

Ik denk dat ze zo populair zijn, omdat de meeste mensen het wiel niet opnieuw willen uitvinden.

dinsdag 30 juli 2013 @ 18:16:48 #158

TwenteFC

quote:
Op dinsdag 30 juli 2013 16:29 schreef Devv het volgende:

[..]

Ik denk dat ze zo populair zijn, omdat de meeste mensen het wiel niet opnieuw willen uitvinden.

En het is lekker makkelijk doorgeven van persoon a naar b naar c naar d.

donderdag 8 augustus 2013 @ 19:00:54 #159

superky

Hoi,

Een vraagje want ik volgde een tutorial (link:

Create An Accordion with jQuery

) en daarin wil ik mijn navigatie menu er zo uit laten zien:

Terwijl ik dit nu heb:

Maar dat lukt me niet

, dus dat alleen Home en zijn sub menu open zijn geklapt, en dat de rest dicht is geklapt. Kan iemand me vertellen wat ik misschien fout doe? Hier is mijn html code:

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

<!DOCTYPE html>
<html lang="en">
<head>
<title>accordeon</title>

<script type="text/javascript">

            $(document).ready(function() {
                $("dd:not(:first)").hide();


            });
        </script>
</head>

<link rel="stylesheet" href="main.css"/>
<body><ul class="menu">
<div id="container">
<dl>
    <dt><a href="#">Home</a></dt>
    <dd>
    <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    </ul>

    </dd>

    <dt><a href="#">About</a></dt>
    <dd>
    <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    </ul>

    </dd>

    <dt><a href="#">Contact</a></dt>
    <dd>
    <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    </ul>

    </dd>




</dl>
</div>

</body>
</html>

En hier is mijn css code:

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

dl, dt, dd, ul, li a {
margin:0; padding:0;

}

#container{
margin:auto;
}

a{
text-decoration: none;
color:#292929;
}
li{
padding-left: 0.6em;
list-style-type:none;
}

dl{
width:100px;
}

dt{
background-color:#b0c23d;
}

Graag wacht ik op uw reactie. Alvast bedankt voor uw antwoord.

Mvg,

superky

donderdag 8 augustus 2013 @ 19:02:01 #160

mstx

2x1/2 = 1/2 x 1/2

quote:
Op donderdag 8 augustus 2013 19:01 schreef mstx het volgende:
Je moet de jquery library wel includen he.

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 8 augustus 2013 @ 19:14:18 #161

PimD

Nee.

[ Bericht 100% gewijzigd door PimD op 08-08-2013 19:14:41 ]

Bleuh.

donderdag 8 augustus 2013 @ 22:04:43 #162

Ballistic

Weet iemand een manier om: mijn website (gehost door mijndomein.nl) er hetzelfde uit te laten zien als op de ftp? Dus (tenzij er een index.html in een map zit) dat je de mappenstructuur via de browser ziet en er doorheen kan klikken?

Al geprobeerd te googelen maar ik weet de juiste woorden niet. Heb mijndomein.nl zelf al benaderd hiervoor, en die zeggen: zoek een script om het voor je te doen.

Iemand die me verder kan helpen? Bvd!

donderdag 8 augustus 2013 @ 22:08:36 #163

mstx

2x1/2 = 1/2 x 1/2

quote:
Op donderdag 8 augustus 2013 22:04 schreef Ballistic het volgende:
Weet iemand een manier om: mijn website (gehost door mijndomein.nl) er hetzelfde uit te laten zien als op de ftp? Dus (tenzij er een index.html in een map zit) dat je de mappenstructuur via de browser ziet en er doorheen kan klikken?

Al geprobeerd te googelen maar ik weet de juiste woorden niet. Heb mijndomein.nl zelf al benaderd hiervoor, en die zeggen: zoek een script om het voor je te doen.

Iemand die me verder kan helpen? Bvd!

https://www.google.nl/search?q=php+file+browser ?

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 8 augustus 2013 @ 22:23:40 #164

Devv

AngularJS kan weer in de prullebak, want na zeven maanden onderzoek gedaan te hebben naar HTML5 voor WinRT, Windows Phone 8, iOS en Android hebben we toch besloten alles managed te gaan doen

. Zo gaat dat dus.

vrijdag 9 augustus 2013 @ 23:07:35 #165

hagemar

Superky misschien heb je wat aan deze links?

http://bonrouge.com/br.php?page=cssonclickswitch (Hier wordt gebruik gemaakt van OnClick, echter blijft het niet langer zichtbaar dan dat je op de link klikt)
http://bonrouge.com/br.php?page=imageswitch (hierbij is gebruik gemaakt van Javascript)

Je zou ook met frames kunnen werken (ben ik zelf niet fan van, en wordt ook weinig gebruikt), dan zou je de navigatie in een frame kunnen doen en gewoon voor home, about en contact een aparte pagina maken met wel een gedeelte naar beneden geklapt.

En waarom wil je eigenlijk niet dat het gewoon naar beneden klapt als je eroverheen gaat?
Hoop dat je er iets aan hebt.

zaterdag 10 augustus 2013 @ 23:03:28 #166

superky

quote:
Op vrijdag 9 augustus 2013 23:07 schreef hagemar het volgende:
Superky misschien heb je wat aan deze links?

http://bonrouge.com/br.php?page=cssonclickswitch (Hier wordt gebruik gemaakt van OnClick, echter blijft het niet langer zichtbaar dan dat je op de link klikt)
http://bonrouge.com/br.php?page=imageswitch (hierbij is gebruik gemaakt van Javascript)

Je zou ook met frames kunnen werken (ben ik zelf niet fan van, en wordt ook weinig gebruikt), dan zou je de navigatie in een frame kunnen doen en gewoon voor home, about en contact een aparte pagina maken met wel een gedeelte naar beneden geklapt.

En waarom wil je eigenlijk niet dat het gewoon naar beneden klapt als je eroverheen gaat?
Hoop dat je er iets aan hebt.

Omdat ik gewoon liever wil dat ik erop klik, dan dat ik met mijn huis eroverheen ga. Maar dit probleem is al opgelost

Nu heb ik een ander klein probleem. Namelijk in het volgende afbeelding te zien:

Met de bijgevoegde css code:

1
2
3
4
5
6
7
8

#right_side{
    border: 1px solid blue;
    float:right;
    width: 220px;
    padding: 30px;
    background: #66CCCC;
    position: absolute;
}

Daarin wil ik dus dat het deel "news" aan de andere kant van mijn website staat. Dit was me overigens gelukt. Hier is het resultaat te zien:

Met de bijgevoegde css code:

1
2
3
4
5
6
7
8
9

#right_side{
    top: -280px;
    border: 1px solid blue;
    float:right;
    width: 220px;
    padding: 30px;
    background: #66CCCC;
    position: relative;
}

Maar het probleem hiervan is, is als ik op mijn site ga uitzoomen dan zie ik dat het deel "news" zich verplaatst. En dit wil ik graag niet hebben. Hier kunt u het resultaat zien als ik mijn site uitzoom:

Kan iemand me misschien helpen om dit probleem op te lossen? Graag wacht ik op uw reactie. Alvast bedankt voor uw antwoord.

Mvg,

superky

zondag 11 augustus 2013 @ 16:23:04 #167

Ballistic

quote:
Op donderdag 8 augustus 2013 22:08 schreef mstx het volgende:

[..]

https://www.google.nl/search?q=php+file+browser ?

Bedankt !

zondag 11 augustus 2013 @ 16:33:28 #168

SV-Spakenburg

Visje erbij?

Hi,

Ik ben een beetje aan het klooien met het menu, maar net heb ik de dropdown eruit gehaald maar nu doen bepaalde pagina's erg raar..

Dit is de code die ik nu heb:

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.

Meestal staat contact onder home, en de rest gewoon goed. Je kan zelf een kijkje nemen op: www.davidhol.nl

zondag 11 augustus 2013 @ 22:34:30 #169

Light

quote:
Op zondag 11 augustus 2013 16:33 schreef SV-Spakenburg het volgende:
Hi,

Ik ben een beetje aan het klooien met het menu, maar net heb ik de dropdown eruit gehaald maar nu doen bepaalde pagina's erg raar..

Dit is de code die ik nu heb:
[knip]

Meestal staat contact onder home, en de rest gewoon goed. Je kan zelf een kijkje nemen op: www.davidhol.nl

1. Code (zowel html als css als js) hoort in [code] tags, niet in [spoiler] tags.
2. Post alleen relevante code. Bij de html is dat gelukt, bij de css niet helemaal.
3. Je html is niet goed. In een <ul> horen <li>s te staan, en daarbinnen weer andere content. Een <a> die wel in een <ul> maar niet in een <li> staat, is niet goed en ga je niet goed kunnen stylen.
4. Een link naar de website of iets als een jsfiddle-pagina waar we de code werkend kunnen zien is prima

fokstok.nl

maandag 12 augustus 2013 @ 07:53:57 #170

SV-Spakenburg

Visje erbij?

quote:
Op zondag 11 augustus 2013 22:34 schreef Light het volgende:

[..]

1. Code (zowel html als css als js) hoort in [code] tags, niet in [spoiler] tags.
2. Post alleen relevante code. Bij de html is dat gelukt, bij de css niet helemaal.
3. Je html is niet goed. In een <ul> horen <li>s te staan, en daarbinnen weer andere content. Een <a> die wel in een <ul> maar niet in een <li> staat, is niet goed en ga je niet goed kunnen stylen.
4. Een link naar de website of iets als een jsfiddle-pagina waar we de code werkend kunnen zien is prima

Het is al opgelost, had per ongeluk iets weggehaald in de code.

dinsdag 13 augustus 2013 @ 21:00:16 #171

gerrit098

Beste Forum leden,

Momenteel laad ik de content van mijn website via een php scriptje:

1
2
3
4
5
6
7
8
9
10

<?php
           if(!$_GET['p'])
               $_GET['p'] = "home";

           if(file_exists(''.$_GET['p'].'.php'))
               include(''.$_GET['p'].'.php');
           else
               include("home");

           ?>

die vervolgens wordt "aangestuurd" door.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<?php
<a href="?p=mij">Informatie</a>
                    <ul>
                        <li><a href="?p=mij">Over mij</a></li>
                        <li><a href="?p=prijzen">Prijzen</a></li>

                    </ul>
                </li>
                <li>
                    <a href="?p=contact">Contact</a>

                </li>
                <li>
                    <a href="?p=gast">Gastenboek</a>

                </li>
                <li>
                    <a href="?p=links">Links</a>

                </li>
?>

dit functioneert wel maar het is toch niet helemaal ideaal.

iedere keer als ik een pagina open laad hij de hele pagina overnieuw.

http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.

nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.

weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?

dinsdag 13 augustus 2013 @ 21:21:49 #172

mstx

2x1/2 = 1/2 x 1/2

quote:
Op dinsdag 13 augustus 2013 21:00 schreef gerrit098 het volgende:
Beste Forum leden,

Momenteel laad ik de content van mijn website via een php scriptje:
[ code verwijderd ]

die vervolgens wordt "aangestuurd" door.
[ code verwijderd ]

dit functioneert wel maar het is toch niet helemaal ideaal.

iedere keer als ik een pagina open laad hij de hele pagina overnieuw.

http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.

nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.

weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?

http://www.jjameland.nl/?p=index

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

dinsdag 13 augustus 2013 @ 21:27:57 #173

Scorpie

Abject en infaam!

quote:
Op dinsdag 13 augustus 2013 21:21 schreef mstx het volgende:

[..]

http://www.jjameland.nl/?p=index

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.

dinsdag 13 augustus 2013 @ 22:40:09 #174

gerrit098

quote:
Op dinsdag 13 augustus 2013 21:21 schreef mstx het volgende:

[..]

http://www.jjameland.nl/?p=index

Erg behulpzaam dank u!

dinsdag 13 augustus 2013 @ 23:00:26 #175

KomtTijd...

quote:
Op dinsdag 13 augustus 2013 21:00 schreef gerrit098 het volgende:
Beste Forum leden,

Momenteel laad ik de content van mijn website via een php scriptje:
[ code verwijderd ]

die vervolgens wordt "aangestuurd" door.
[ code verwijderd ]

dit functioneert wel maar het is toch niet helemaal ideaal.

iedere keer als ik een pagina open laad hij de hele pagina overnieuw.

http://www.jjameland.nl <-- voor een idee hoe het er uit ziet.

nu heb ik begrepen dat je dit kan oplossen door gebruik te maken van ajax.
nu heb ik al aardig wat howto`s gelezen maar ik begrijp er niets van.

weet iemand een goeie howto met veel uitleg en of een mooi voorbeeld bestand?

leuke opening voor php inclusion, dat scriptje.

verder, waarom zou je een probleem willen gebruiken als oplossing van iets wat helemaal geen probleem is?

zcflevo.nl

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

» digital corner

» development

» digital corner

» development