abonnement bol.com Unibet Coolblue
  vrijdag 10 augustus 2012 @ 10:14:49 #151
50298 QM84
Het Orakel
pi_115371800
Wat bedoel je precies met 'een serie selectors'?
dat dus.
pi_115378849
quote:
0s.gif Op woensdag 8 augustus 2012 21:38 schreef FastFox91 het volgende:
Vorige week heb ik even gespeeld met Knockoutjs, maar was uiteindelijk te uitgebreid voor wat ik wilde en kon zelfs iets niet wat ik wel handig vond. Uiteindelijk heb ik zelf dus iets geschreven. JSBind. Probeer de demo en laat weten wat je ervan vindt aub. :) Met dit scriptje kan je gemakkelijk in javascript variabelen veranderen en vervolgens worden de gekoppelde html elementen ook netjes geüpdatet en visa versa.

(Code is niet erg leesbaar, zal ik verbeteren mocht het gebruikt worden door meerdere mensen.)
Niemand die een mening heeft over m'n scriptje JSBind? ;(
  vrijdag 10 augustus 2012 @ 14:12:08 #153
230788 n8n
Pragmatisch
pi_115379560
quote:
7s.gif Op vrijdag 10 augustus 2012 10:14 schreef QM84 het volgende:
Wat bedoel je precies met 'een serie selectors'?
#top a, article p, .button { font-size: 1.8em; } zo en dan per kleur, margin of noem maar op.
Specialization is for insects”.—Robert Heinlein
pi_115552229
Ik heb een probleempje met een auto suggest form op mijn site. Het gaat om de coolautosuggest jquery-plugin

Wanneer je iets invult en de suggesties worden getoond in div.suggestions dan verdwijnt deze achter de header van de pagina die zich er vlak onder bevindt.

Ik heb al geprobeerd dit op te lossen met z-index waarden en position: relative toe te voegen aan alle relevante div's. Helaas blijven de suggesties onder de andere content schuiven.

Voorbeeld op http://www.wecamgirls.com (NSFW). Autosuggest staat rechtsboven op de pagina.
  dinsdag 14 augustus 2012 @ 12:56:30 #155
56176 Catch22-
Ben je Blind?!
pi_115552283
Ik kan je hier niet mee helpen; ik zit op mijn werk.

Ik zou trouwens, zonder dat ik de plugin ken, liever gebruik maken van de autocomplete van jQuery ui dan van dit.
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_115552711
quote:
11s.gif Op dinsdag 14 augustus 2012 12:56 schreef Catch22- het volgende:
Ik kan je hier niet mee helpen; ik zit op mijn werk.

Ik zou trouwens, zonder dat ik de plugin ken, liever gebruik maken van de autocomplete van jQuery ui dan van dit.
De plugin werkt verder wel. Het is alleen de CSS die ik niet juist ingesteld krijg. Mocht het me niet lukken zal ik de autocomplete van jquery ui eens een kans geven.

De site is overigens maar licht NSFW. Zeker wanneer je niet ingelogd bent. Maar goed, ik begrijp het dat je op je werk zit.
  dinsdag 14 augustus 2012 @ 13:08:06 #157
56176 Catch22-
Ben je Blind?!
pi_115552766
quote:
0s.gif Op dinsdag 14 augustus 2012 13:06 schreef schwa78 het volgende:

[..]

De plugin werkt verder wel. Het is alleen de CSS die ik niet juist ingesteld krijg. Mocht het me niet lukken zal ik de autocomplete van jquery ui eens een kans geven.

De site is overigens maar licht NSFW. Zeker wanneer je niet ingelogd bent. Maar goed, ik begrijp het dat je op je werk zit.
:)
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 14 augustus 2012 @ 13:13:41 #158
84244 Scorpie
Abject en infaam!
pi_115553005
Die z-index is volgens mij wel de way to go.
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 14 augustus 2012 @ 13:31:09 #159
50298 QM84
Het Orakel
pi_115553705
Post eens je precieze code.. Z-indexes juist zetten kan soms nog wel eens tricky zijn.

Heeft het element, waar die autocomplete op moet komen, toevallig een wrapper met overflow: hidden? Dat kan er nl ook voor zorgen dat het lijkt alsof je flyout achter de header verdwijnt, terwijl die gewoon afgekapt wordt..
dat dus.
pi_115554331
Stukje generated source:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- _________________________ Start Search _________________________ -->
<form action="http://www.wecamgirls.com/pages/search.php" method="GET">
<input name="a" value="submit" type="hidden">
<p>
<input autocomplete="off" name="search_username" id="search_username" value="enter keywords" type="text">
<div style="display: block; position: absolute; left: 8px; top: 30px; height: 100px; width: 160px;" class="suggestions" id="suggestions_holder">
<div style="width: 160px; overflow: hidden;" id="suggest_row1" class="suggest_item first" seq_id="0"<div class="suggestion_title"><b>Ru</b>tger</div><div class="description"> </div></div>
<div style="width: 160px; overflow: hidden;" id="suggest_row2" class="suggest_item" seq_id="1"><div class="suggestion_title">kimbert<b>ru</b>dea</div><div class="description"> </div></div>
<div style="width: 160px; overflow: hidden;" id="suggest_row3" class="suggest_item" seq_id="2"><div class="suggestion_title">adriana<b>ru</b>sso</div><div class="description"> </div></div>
<div style="width: 160px; overflow: hidden;" id="suggest_row4" class="suggest_item" seq_id="3"><div class="suggestion_title">Holly<b>Ru</b>de</div><div class="description"> </div></div>
<div style="width: 160px; overflow: hidden;" id="suggest_row5" class="suggest_item last" seq_id="4"><div class="suggestion_title">johanc<b>ru</b>ijf</div>
<div class="description"> </div></div>
</div>
<input value="" type="submit">
</p>
</form>
<!-- _________________________ Finish Search _________________________ -->
CSS:
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
/* Style For Suggestions */
.sugeestions {
    z-index:300;
    position:relative;
}

.suggestions .suggest_item {
    padding:2px;
    background-color:#EEEEEE;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    z-index:300;
    position: relative;
}
.suggestions .suggest_item.first {
    border-top:1px solid #CCCCCC;
}
.suggestions .suggest_item.last {
    border-bottom:1px solid #CCCCCC;
}
.suggestions .suggest_item.selected, .suggestions .suggest_item.selected .description {
    color:#000;
    font-weight:normal;
    cursor:pointer;
    background-color: #DDD;
}
.suggestions .suggest_item .thumbnail {
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    margin: 1px 2px 1px 2px;
    float: left;
    width: 50px;
    height: 50px;
}
.suggestions .suggest_item .description{
    font-style: italic;
    font-size: 11px;
    color: #777;
}

#header {
    background:#2d2d2d url(../images/bgs/bg_h_3.png) top left repeat;
    position:relative;
    z-index:1;
}
#container {
    width:940px;
    margin:0 auto;
    position:relative;
    z-index:1;
}
pi_115554408
quote:
7s.gif Op dinsdag 14 augustus 2012 13:31 schreef QM84 het volgende:

Heeft het element, waar die autocomplete op moet komen, toevallig een wrapper met overflow: hidden? Dat kan er nl ook voor zorgen dat het lijkt alsof je flyout achter de header verdwijnt, terwijl die gewoon afgekapt wordt..
Ik heb even gekeken en er was wel een een overflow: hidden attribute.

Het weghalen hiervan werkt helaas niet. Ook zie ik in Chrome dat er netjes een element verschijnt, maar deze zit echt gewoon achter de onderstaande header. Er zit ongeveer een milimeter tussen en je ziet ook dat het element er staat.
  dinsdag 14 augustus 2012 @ 14:15:51 #162
50298 QM84
Het Orakel
pi_115555558
1
2
3
4
.sugeestions {
    z-index:300;
    position:relative;
}
typo? Moet denk ik .suggestions zijn


Je form relative zetten, met een z-index gelijk / hoger dan de header kan ook helpen
dat dus.
pi_115555778
quote:
7s.gif Op dinsdag 14 augustus 2012 14:15 schreef QM84 het volgende:

[ code verwijderd ]

typo? Moet denk ik .suggestions zijn

Je form relative zetten, met een z-index gelijk / hoger dan de header kan ook helpen
Idd een typo. Helaas niet de oplossing van het probleem.

Ik heb de form ook relative gemaakt en een hoge z-index meegegeven. Ook zonder resultaat :'(
  dinsdag 14 augustus 2012 @ 14:24:46 #164
50298 QM84
Het Orakel
pi_115555827
hmm.. heb je ergens een voorbeeld online staan? Dat zoekt wat makkelijker ;)
dat dus.
pi_115555859
quote:
7s.gif Op dinsdag 14 augustus 2012 14:24 schreef QM84 het volgende:
hmm.. heb je ergens een voorbeeld online staan? Dat zoekt wat makkelijker ;)
http://www.wecamgirls.com/
  dinsdag 14 augustus 2012 @ 14:29:42 #166
50298 QM84
Het Orakel
pi_115555999
Het zit hem in je div.header_top. Deze heeft een overflow: hidden.
Deze heb je daar waarschijnlijk aan meegegeven, omdat de layout kapot gaat als je hem weghaalt. Dit komt weer door de float: right op de ul.header_list erin.

Als je de header_top fatsoenlijk cleart (google: clearfix), dan komt het helemaal goed. Je kan hem evt ook een vaste hoogte meegeven.
dat dus.
pi_115556556
quote:
7s.gif Op dinsdag 14 augustus 2012 14:29 schreef QM84 het volgende:
Het zit hem in je div.header_top. Deze heeft een overflow: hidden.
Deze heb je daar waarschijnlijk aan meegegeven, omdat de layout kapot gaat als je hem weghaalt. Dit komt weer door de float: right op de ul.header_list erin.

Als je de header_top fatsoenlijk cleart (google: clearfix), dan komt het helemaal goed. Je kan hem evt ook een vaste hoogte meegeven.
Koning!

Het werk nu... deels :)

De elementen zijn nu wel zichtbaar, maar nog niet klikbaar. Kun jij zien waar het 'm in zit?
  dinsdag 14 augustus 2012 @ 14:53:36 #168
50298 QM84
Het Orakel
pi_115556935
de Z-index op je #header weghalen.
dat dus.
pi_115557136
quote:
7s.gif Op dinsdag 14 augustus 2012 14:53 schreef QM84 het volgende:
de Z-index op je #header weghalen.
Hij doet het!

Superbedankt voor je hulp (Y)
  dinsdag 14 augustus 2012 @ 15:04:20 #170
50298 QM84
Het Orakel
pi_115557427
yw ;)
dat dus.
  dinsdag 14 augustus 2012 @ 22:24:39 #171
377024 Quotidien
fetchez la vache
pi_115575508
Wellicht een heel domme vraag maarja.
Als je een website voor iemand maakt en diegene wilt teksten/afbeeldingen/wat dan ook zelf beheren, dan maak je die site met een CMS zoals Wordpress, toch?
Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?
Ik ben nie hier voor de pingpong te schpelen
pi_115576149
Tuurlijk niet, er komt dan ook nog een server-side taal bij kijken, bijvoorbeeld PHP. Die data uit het CMS zal ergens vandaan moeten komen. Tenzij je natuurlijk gewoon een WordPress theme ergens vandaan plukt en alleen de banner ofzo aanpast, dan zul je idd snel klaar zijn.
Bleuh.
pi_115576474
quote:
11s.gif Op dinsdag 14 augustus 2012 22:24 schreef Quotidien het volgende:
Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?
Bron :?
  dinsdag 14 augustus 2012 @ 22:52:25 #174
377024 Quotidien
fetchez la vache
pi_115577043
quote:
5s.gif Op dinsdag 14 augustus 2012 22:39 schreef KomtTijd... het volgende:

[..]

Bron :?
Googleresultaten.
Ik ben nie hier voor de pingpong te schpelen
  dinsdag 14 augustus 2012 @ 22:56:03 #175
377024 Quotidien
fetchez la vache
pi_115577248
Maar is er geen manier om mensen hun website te laten beheren als je gewoon alles met HTML en CSS doet? Want ik neem aan dat men niet de bestandjes gaat doormailen.
Ik ben nie hier voor de pingpong te schpelen
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')