[HTML, CSS, JS] Frontend #44: 0 === -0

donderdag 11 februari 2016 @ 11:00:59 #226

KomtTijd...

Wat je verkeerd doet is dat je geen testcase post, zo kan niemand je helpen.

Sowieso is het raar dat die link daar verschijnt. Waarom is dat, en waarom die je daar niet wat aan ipv met CSS elementen die je niet nodig hebt te verdoezelen...

zcflevo.nl

donderdag 11 februari 2016 @ 11:03:21 #227

Scarlet_Dragonfly

draakje

quote:
Op donderdag 11 februari 2016 10:56 schreef richolio het volgende:
Ik heb in Wordpress een icon + text

[ afbeelding ]

Als je die icon een link geeft, dan komt er automatisch onder een link te staan. Dat is dat "/teamontwikkelaar"

Nu wil ik die link op display:none zetten, zodat de icon alsnog linkt, maar de linktekst onder weg is.
[ code verwijderd ]

Maar dit werk dus niet.. .icontekstontwikkelaar is de class die ik dit alles heb gegeven en .q_icon_with_title .icon_with_title_link zou dan staan voor die link (klopt ook)

Doe ik wat verkeerd in dit stukje?

Je zal vast iets fout doen met interpreteren van de html en hoe de css daar op ingrijpt.

Maar hoe verwacht je van ons dat we je daarbij kunnen helpen als je de html niet ook post?

Het enige wat ik zou kunnen gokken is dat je ".q_icon_with_title .icon_with_title_link > .icontekstontwikkelaar" om moet draaien. Je tekst geeft me het vermoeden dat je een div.icontekstontwikkelaar hebt met daarbinnen iets met die .q_icon_with_title.

donderdag 11 februari 2016 @ 13:32:20 #228

richolio

#MacMasterrace

quote:
Op donderdag 11 februari 2016 11:03 schreef Scarlet_Dragonfly het volgende:

[..]

Je zal vast iets fout doen met interpreteren van de html en hoe de css daar op ingrijpt.

Maar hoe verwacht je van ons dat we je daarbij kunnen helpen als je de html niet ook post?

Het enige wat ik zou kunnen gokken is dat je ".q_icon_with_title .icon_with_title_link > .icontekstontwikkelaar" om moet draaien. Je tekst geeft me het vermoeden dat je een div.icontekstontwikkelaar hebt met daarbinnen iets met die .q_icon_with_title.

Ik dacht dat het waarschijnlijk alleen aan dit ene stukje css lag, wat je op het laatst zegt klopt. Echter doet hij het nog steeds niet

Ik vind het lastig om de html te posten aangezien ik in Wordpress zit. Ik kan wel even inspecten.

1
2
3

.q_icon_with_title .icon_with_title_link{
display:none;
}

Doet het

Nu nog alleen voor een bepaalde pagina/div, want nu haalt hij het op de hele site weg. Dat is dus de .icontekstontwikkelaar die ik in Wordpress eraan heb gegeven.

'Richolio _O_' - tong80
LAST.FM

donderdag 11 februari 2016 @ 13:38:28 #229

TwyLight

.q_icon_with_title .icon_with_title_link {
display: block;
text-indent: -99999px;
overflow: hidden;
}

daarmee spelen

donderdag 11 februari 2016 @ 13:56:42 #230

richolio

#MacMasterrace

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<div class="icontextontwikkelaar wpb_column vc_column_container vc_col-sm-3">
<div class="vc_column-inner ">
<div class="wpb_wrapper">
<div class="separator transparent " style=""></div>
<div class='q_icon_with_title very_large circle center'>
<div class="icon_holder " style="margin: 0px 0px 32px 0px; ">
<a href="/teamontwikkelaar2" target="" class="q_icon_link">
<span data-icon-type="circle" data-icon-hover-color="#333745" class="qode_iwt_icon_holder fa-stack fa-5x " style="font-size: 48px;border-color: #f9fafa;background-color: #f9fafa;">
<i class="qode_icon_font_awesome fa fa-code-fork qode_iwt_icon_element" style="font-size: 30px;color: rgba(51,55,69,0.14);" ></i></span></a></div>
<div class="icon_text_holder" style="">
<div class="icon_text_inner" style="">
<h4 class="icon_title" style="color: rgba(51,55,69,0.32);">Teamontwikkelaar</h4>
<p style='color: rgba(51,55,69,0.32)'>Realiseert met elk team een effectieve samenwerking</p>
<a class='icon_with_title_link' href='/teamontwikkelaar2' target='_self' style=''>Read More</a></div></div></div></div></div></div>

Ik werk in Wordpress, dus heb de paginabroncode opgezocht. Denk niet dat dit duidelijk is, maar wie weet. Je ziet iig wel dat de icontextontwikkelaar om de .icon_with_title_link enzo zit.

quote:
Op donderdag 11 februari 2016 13:38 schreef TwyLight het volgende:
.q_icon_with_title .icon_with_title_link {
display: block;
text-indent: -99999px;
overflow: hidden;
}

daarmee spelen

Thanks! Dat werkt

Alleen het is wel voor de hele site. Er is namelijk nog een pagina waar ik dit niet wil..

'Richolio _O_' - tong80
LAST.FM

donderdag 11 februari 2016 @ 14:23:44 #231

richolio

#MacMasterrace

Ik heb het;

1
2
3

.icontextontwikkelaar .icon_with_title_link {
display: none;
}

was de oplossing.

'Richolio _O_' - tong80
LAST.FM

vrijdag 26 februari 2016 @ 09:49:04 #232

mschol

vraagje uit nieuwsgierigheid:

op kruidvat.nl gebruiken ze code die voorkomt, bij aanmaken account, dat je je email adres kan copy/pasten.. ik ben alleen benieuwd waar ze dit in de code hebben staan, ik kan het niet vinden ?

vrijdag 26 februari 2016 @ 10:05:30 #233

Catch22-

Ben je Blind?!

quote:
Op vrijdag 26 februari 2016 09:49 schreef mschol het volgende:
vraagje uit nieuwsgierigheid:

op kruidvat.nl gebruiken ze code die voorkomt, bij aanmaken account, dat je je email adres kan copy/pasten.. ik ben alleen benieuwd waar ze dit in de code hebben staan, ik kan het niet vinden ?

https://jsfiddle.net/4dov0naL/

meest hatelijke wat er bestaat, maar zo kan je het doen

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 26 februari 2016 @ 10:43:07 #234

Scarlet_Dragonfly

draakje

quote:
Op vrijdag 26 februari 2016 10:05 schreef Catch22- het volgende:

[..]

https://jsfiddle.net/4dov0naL/

meest hatelijke wat er bestaat, maar zo kan je het doen

Werkt niet, ik kan op drie manieren plakken in dat veld:
- rechtermuisknop, paste
- cmd+V
- drag-and-drop een stukje geselecteerde tekst

Ctrl+V werkt sowieso niet om te plakken op een mac

vrijdag 26 februari 2016 @ 10:45:31 #235

Catch22-

Ben je Blind?!

quote:
Op vrijdag 26 februari 2016 10:43 schreef Scarlet_Dragonfly het volgende:

[..]

Werkt niet, ik kan op drie manieren plakken in dat veld:
- rechtermuisknop, paste
- cmd+V
- drag-and-drop een stukje geselecteerde tekst

Ctrl+V werkt sowieso niet om te plakken op een mac

PoC, dat kan je ook wel afvangen. Maar je moet het niet willen, echt dom gedrag is dat.

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 26 februari 2016 @ 10:48:07 #236

mschol

quote:
Op vrijdag 26 februari 2016 10:05 schreef Catch22- het volgende:

[..]

https://jsfiddle.net/4dov0naL/

meest hatelijke wat er bestaat, maar zo kan je het doen

helemaal mee eens, verschrikkelijk, alleen meestal werkt het wel het e.e.a. weg te halen qua ID's e.d. en dan werkt het, bij kruidvat werkte dat dus niet, vandaar dat ik specifiek benieuwd was naar hun manier van "beveiliging" (voor zover je het beveiliging kan noemen

)

vrijdag 26 februari 2016 @ 10:56:02 #237

Catch22-

Ben je Blind?!

quote:
Op vrijdag 26 februari 2016 10:48 schreef mschol het volgende:

[..]

helemaal mee eens, verschrikkelijk, alleen meestal werkt het wel het e.e.a. weg te halen qua ID's e.d. en dan werkt het, bij kruidvat werkte dat dus niet, vandaar dat ik specifiek benieuwd was naar hun manier van "beveiliging" (voor zover je het beveiliging kan noemen )

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

Namespace.register('ui').DisableCopy = (function($){

    'use strict';

    // reference to parent class
    var _parent = mira.core.BehaviorBase;

    // DisableCopy Class
    var DisableCopy = function(element) {

        // Call BehaviourBase constructor
        _parent.call(this,element);

        // backup content
        this._inner = this._element.innerHTML;

        // elementen toekennen
        this.$element = $(this._element);

        this.init();
    };

    // Extend from BehaviourBase
    var p = DisableCopy.prototype = Object.create(_parent.prototype);

    // Update binds
    p.init = function() {
        var self = this;

        self.$element.on("cut copy paste", function(e){
            e.preventDefault();
        });

    };

    // Unload search behaviour
    p._unload = function() {
        // call BehaviourBase unload method
        _parent.prototype._unload.call(this);

        // restore content
        this._element.innerHTML = this._inner;

        // remove events
        this.$element.off('cut copy paste');
    };

    return DisableCopy;

}(jQuery));

Zit dus ergens in hun framework.

[ Bericht 0% gewijzigd door Catch22- op 26-02-2016 11:02:09 ]

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?

zaterdag 27 februari 2016 @ 21:37:17 #238

n8n

Pragmatisch

Jezus wat een Frankenstein zooi

“Specialization is for insects”.—Robert Heinlein

zaterdag 27 februari 2016 @ 21:40:58 #239

PimD

Nee.

Ik heb vééél ergere Frankenstein-zooi gezien, ik zou willen dat ieder project waar ik in zit er zo uit ziet hoor

Nee.

zondag 28 februari 2016 @ 00:08:31 #240

donroyco

dus niet Donroyco

quote:
Op zaterdag 27 februari 2016 21:40 schreef PimD het volgende:
Ik heb vééél ergere Frankenstein-zooi gezien, ik zou willen dat ieder project waar ik in zit er zo uit ziet hoor

Precies

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

zondag 28 februari 2016 @ 09:57:23 #241

n8n

Pragmatisch

quote:
Op zaterdag 27 februari 2016 21:40 schreef PimD het volgende:
Ik heb vééél ergere Frankenstein-zooi gezien, ik zou willen dat ieder project waar ik in zit er zo uit ziet hoor

Ff afkloppen dan, kan nog niet heel lang JS dus heb nog geen Frankenstein legacy in het wild gespot.

“Specialization is for insects”.—Robert Heinlein

zondag 28 februari 2016 @ 10:23:42 #242

Catch22-

Ben je Blind?!

Ik zie alleen mijn eigen frankensteincode gelukkig. En dat ik het matige code vind van tijd tot tijd is alleen maar goed. Als je oude code ziet en denkt 'ik zou het precies zo weer doen', dan heb je niets bijgeleerd.

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?

maandag 29 februari 2016 @ 20:00:10 #243

pussywillow

Is it safe?

quote:
Op vrijdag 26 februari 2016 10:56 schreef Catch22- het volgende:

[..]
[ code verwijderd ]

Zit dus ergens in hun framework.

Het enige relevante stukje is waar ze luisteren naar de cut, copy en paste events

Zo doen ze dat dus:

https://jsfiddle.net/thebluenile/7g3nk98z/2/

Ik wist persoonlijk niet eens dat die events bestonden, maar het lijkt een redelijk goede manier om je gebruikers te irriteren

"You wanna be bald? Do what I did: wait a while. In the meantime, there is no excuse for running around looking like a freshly circumcised dick."

dinsdag 1 maart 2016 @ 14:27:00 #244

picodealion

Ik vind die code wel meevallen, maar die comments overal vind ik wel enorm storend.

dinsdag 1 maart 2016 @ 14:51:40 #245

PimD

Nee.

Hoe meer commentaar, hoe beter - ook al zijn sommige dingen uiteraard wel heel erg self-explanatory.

Nee.

dinsdag 1 maart 2016 @ 14:56:30 #246

Catch22-

Ben je Blind?!

quote:
Op dinsdag 1 maart 2016 14:51 schreef PimD het volgende:
Hoe meer commentaar, hoe beter - ook al zijn sommige dingen uiteraard wel heel erg self-explanatory.

Ik doe het te weinig, maar je moet het alleen doen als het nodig is. Dus niet bij simpele statements

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 1 maart 2016 @ 14:59:09 #247

PimD

Nee.

Mwah, ik denk/vind dat commentaar niet gauw overbodig is. Ook al is het bij simpele statements zoals in het voorbeeld, dan nog kan het je helpen om de code/gedachtengang van een ander (of van jezelf!) beter te begrijpen. Maar het blijft natuurlijk persoonlijk, ieder z'n eigen voorkeur.

Nee.

dinsdag 1 maart 2016 @ 15:00:37 #248

Catch22-

Ben je Blind?!

[code] // call BehaviourBase unload method
_parent.prototype._unload.call(this);

// restore content
this._element.innerHTML = this._inner;

// remove events
this.$element.off('cut copy paste');[/]
Dit voegt natuurlijk niets toe. Als je dit stuk code niet begrijpt zonder documentatie, ga je het met docs ook niet goed genoeg begrijpen

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 1 maart 2016 @ 19:34:26 #249

KomtTijd...

Comments moeten beschrijven wáárom je iets doet, en alleen als de code wazig is, wát je precies doet.

Vertellen dat je een class gaat openen voordat je een class opent is idd onzin.

En ja dit klinkt eenvoudig maar goeie, verduidelijkende comments icm self-explanatory code schrijven, is misschien wel een van de moeilijkste dingen als het op programmeren aan komt.

zcflevo.nl

dinsdag 1 maart 2016 @ 20:17:30 #250

Catch22-

Ben je Blind?!

Ik heb liever degelijke functie- en variabelenamen dan documentatie.

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 1 maart 2016 @ 20:28:21 #251

Light

quote:
Op dinsdag 1 maart 2016 20:17 schreef Catch22- het volgende:
Ik heb liever degelijke functie- en variabelenamen dan documentatie.

Al vind ik docblocks bij functies wel heel handig. Gewone comments moet je idd (naar mijn idee) zoveel mogelijk vermijden. Als je ze nodig hebt, is het waarschijnlijk beter om de code minder complex te maken.

fokstok.nl

dinsdag 1 maart 2016 @ 21:51:50 #252

Scarlet_Dragonfly

draakje

quote:
Op dinsdag 1 maart 2016 14:59 schreef PimD het volgende:
Mwah, ik denk/vind dat commentaar niet gauw overbodig is. Ook al is het bij simpele statements zoals in het voorbeeld, dan nog kan het je helpen om de code/gedachtengang van een ander (of van jezelf!) beter te begrijpen. Maar het blijft natuurlijk persoonlijk, ieder z'n eigen voorkeur.

Als een regel code zonder comment erbij niet eenduidig te begrijpen is, moet je de code dusdanig anders opschrijven dat die zonder commentaar wel eenduidig te begrijpen is.

En je mag verwachten dat een lezer van je code de taal snapt, dus ga geen php constructies uitleggen in comments...

dinsdag 1 maart 2016 @ 22:48:20 #253

TwenteFC

quote:
Op dinsdag 1 maart 2016 20:17 schreef Catch22- het volgende:
Ik heb liever degelijke functie- en variabelenamen dan documentatie.

Dit

Ben daarom persoonlijk ook niet altijd een fan van generieke namen als getUser() setUser() zou dan eerder voor kiezen voor iets wat van toepassing is in de context van de huidige class oid.

Ik wijk er natuurlijk wel eens vanaf, maar als stelregel houd ik mezelf voor dat iemand die niet programmeert/codeert de api nog moet kunnen begrijpen.

woensdag 2 maart 2016 @ 00:01:17 #254

Light

quote:
Op dinsdag 1 maart 2016 22:48 schreef TwenteFC het volgende:

[..]

Dit
Ben daarom persoonlijk ook niet altijd een fan van generieke namen als getUser() setUser() zou dan eerder voor kiezen voor iets wat van toepassing is in de context van de huidige class oid.

Ik wijk er natuurlijk wel eens vanaf, maar als stelregel houd ik mezelf voor dat iemand die niet programmeert/codeert de api nog moet kunnen begrijpen.

Programmeren. Coderen is iets heel anders.

fokstok.nl

woensdag 2 maart 2016 @ 09:05:09 #255

Catch22-

Ben je Blind?!

quote:
Op woensdag 2 maart 2016 00:01 schreef Light het volgende:

[..]

Programmeren. Coderen is iets heel anders.

Dat is echt 1 van de meest zinloze discussies die er is. Stefan kan vast wel zinnigere artikelen schrijven met zijn tijd.

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 2 maart 2016 @ 18:34:15 #256

TwenteFC

quote:
Op woensdag 2 maart 2016 00:01 schreef Light het volgende:

[..]

Programmeren. Coderen is iets heel anders.

Oké dan, scripten.

donderdag 3 maart 2016 @ 14:31:53 #257

richolio

#MacMasterrace

Ik heb een probleempje. Weet niet zeker of ik hier goed zit, of of ik duidelijk genoeg ga zijn.

Oké. Ik werk dus met ExpressionEngine. Er is een archief pagina die alle entries (nieuwsberichten) laat zien. Echter zijn dat er aardig wat, niet zo overzichtelijk dus. Infinite Scroll ging niet werken, en pagination ook niet.

Dus nu wil ik dat je 20 entries ziet en als je op een knopje drukt er 20 bijkomen. (duidelijk?

)

Ik ben zover gekomen;

JS

1
2
3
4
5

$('.archive').each(function(i){
                $(this).
            if(i == 20){addClass('closed')}

            })i

1 2	$(.archive.closed).each( if(i <= 20).RemoveClass(closed)

HTML (de entries)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<div onclick="window.location='{site_url}nl/nieuws/{url_title}';" class="archive">
                <div class="news-heading">
                    <a href="{site_url}nl/nieuws/{url_title}" title="{title}">{exp:trunchtml chars="65" inline="..."}{title}{/exp:trunchtml}</a>
                </div>

                <div class="date">
                    {exp:datetime_convert language="nl_NL" format="%b %d %Y"}{entry_date}{/exp:datetime_convert}
                </div>
                
                
                <div class="leesmeer">
                    <a href="{site_url}nl/nieuws/{url_title}" title="{title}" class="article-link"> </a>
                </div>

</div>

Nu loop ik vast, want ik weet niet meer wat ik moet doen. Als er hier een betere oplossing voor is hoor ik dat ook graag

'Richolio _O_' - tong80
LAST.FM

donderdag 3 maart 2016 @ 15:51:53 #258

PimD

Nee.

1	onclick="window.location='{site_url}nl/nieuws/{url_title}';"

Daar heb je een prachtig <a>-element voor...? ;-)

Als ik het goed begrijp heb je wel een gigantische lijst van HTML voor al je items en wil je alleen de eerste 20 tonen, daarna 0-40, 0-60, 0-80 etc? Dan zou je zoiets in elkaar moeten draaien. Dit is echt verschrikkelijk lelijke code, maar het gaat om het idee:

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

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>gt demo</title>
</head>
<body>

<style>
   div {
     border: 1px solid black;
   }
   div.active {
     border-color: red;
   }
  </style>

  <button>Knopje</button>
  <script>

// genereer entries, dit zal normaal gesproken gewoon aan server-kant gebeuren
    var divs = [];
for(var i = 0; i<100; i++){
  var div = document.createElement('div');
  div.innerHTML = i + 1;
  document.body.appendChild(div);
  divs.push(div);
}

  var counter = 1;

  var button = document.querySelector('button');
  button.addEventListener('click', function(){
    counter = counter+1;
    update();
  });

    var update = function(){
      divs.forEach(function(d, i){
        var action = i < (counter * 20) ? 'add' : 'remove'
        d.classList[action]('active');
      });
    };

    update();

</script>
</body>
</html>

http://jsbin.com/gugusutova/edit?html,css,js,output

Uiteraard moet je nog een hoop dingen afvangen, zodat je alleen maar op de knop kunt drukken als er ook echt meer items zijn etc etc.

Nee.

maandag 7 maart 2016 @ 19:19:47 #259

igi0n

Paraplu

Heb al een geruime tijd een website draaiende (nog niet live), waar ook font-awesome op meedraait. Sinds vandaag is alleen font-awesome er ineens mee gekapt; de iconen worden niet meer geladen. Wat kan hier de oorzaak van zijn?

Heb font-awesome al geupdate (bleek al hoogste versie te zijn). Heb thema opnieuw geinstalleerd (blijft hetzelfde probleem). Het lijkt me dus dat er iets bij font-awesome is gewijzigd, of bij mijn host waardoor ze niet meer geladen worden. Iemand een idee

?
Ik draai btw wordpress.

maandag 7 maart 2016 @ 19:43:53 #260

Darkomen

Ik gok dat je host de eot of woff bestanden niet meer ondersteunt.

Open deze eens direct, kijken wat je krijgt.
Of check je console.
Of post je website.

Zorg iig dat je wordpress en plugins zijn geupdate.
Was recent een issue met bijvoorbeeld de 'Custom Content Type Manager' plugin.

maandag 7 maart 2016 @ 22:44:21 #261

igi0n

Paraplu

quote:
Op maandag 7 maart 2016 19:43 schreef Darkomen het volgende:
Ik gok dat je host de eot of woff bestanden niet meer ondersteunt.

Open deze eens direct, kijken wat je krijgt.
Of check je console.
Of post je website.

Zorg iig dat je wordpress en plugins zijn geupdate.
Was recent een issue met bijvoorbeeld de 'Custom Content Type Manager' plugin.

Chrome developer console geeft verder geen errors, en de plugins zijn niet veranderd sinds het niet meer werkt (werkt sowieso niet ongeacht welke plugins ik aan heb staan).
Hoe check ik of die bestanden werken? Gewoon checken vanuit de browser? Zodra ik die namelijk wil openen download die gewoon het bestand, en gebeurd er verder niets.

edit: gefixed, op een of andere manier was de plugin 'menu icons' de boosdoener, ongeacht of die aan stond of niet. Heb hem nu gedelete, en werkt weer

[ Bericht 10% gewijzigd door igi0n op 07-03-2016 22:54:36 ]

donderdag 7 april 2016 @ 13:51:13 #262

richolio

#MacMasterrace

Hi,

Ik heb een simpele quiz gedownload ergens vandaan. Een deel JS ziet er zo uit;

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

{"quizlist":[

    {
    "question":"Portuguese is spoken in _______",
    "option1":"Brazil",
    "option2":"Argentina",
    "option3":"Ecuador"
    },
    {
    "question":"What is the capital of Peru?",
    "option1":"Lima",
    "option2":"Bogota",
    "option3":"San Juan"
    },
    {
    "question":"Which country is long and thin?",
    "option1":"Chile",
    "option2":"Uruguay",
    "option3":"Colombia"
    }

]
}

Nu wil ik de "question" niet als tekst, want daarvoor in de plaats zou ik graag een afbeelding willen. Is dat mogelijk? Ik dacht misschien is daar wel een simpel tagje voor oid, maar wat ik tot nu toe heb geprobeerd heeft niet geholpen.

Thanks alvast!

'Richolio _O_' - tong80
LAST.FM

vrijdag 15 april 2016 @ 14:44:46 #264

Molleman

Zie een nieuwsbericht voorbij komen dat Visual Studio Code uit beta is en een 1.0 release heeft gekregen. Iemand van jullie die hier mee gespeeld heeft en is het de moeite waard om over te stappen? Schijnbaar toch al een half miljoen maandelijkse gebruikers en hoor dat het een stuk sneller dan Atom is.

vrijdag 15 april 2016 @ 14:46:04 #265

Catch22-

Ben je Blind?!

quote:
Op vrijdag 15 april 2016 14:44 schreef Molleman het volgende:
Zie een nieuwsbericht voorbij komen dat Visual Studio Code uit beta is en een 1.0 release heeft gekregen. Iemand van jullie die hier mee gespeeld heeft en is het de moeite waard om over te stappen? Schijnbaar toch al een half miljoen maandelijkse gebruikers en hoor dat het een stuk sneller dan Atom is.

Ik gebruik het al een tijdje. Werkt wel makkelijk.

Ik doe af en toe wat R&D met ionic2 en typescript. Er zijn niet veel windows IDE's die daar goed mee om gaan, VS Code uiteraard wel.

Ben er nu ook mee bezig. Het schort nog een beetje aan debug-feedback. Soms krijg je een wit scherm, nergens foutmeldingen en moet je maar uitzoeken wat je verkeerd doet. En dat is nogal lastig als je met nieuwe talen werkt

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 15 april 2016 @ 15:00:13 #266

Molleman

quote:
Op vrijdag 15 april 2016 14:46 schreef Catch22- het volgende:

[..]

Ik gebruik het al een tijdje. Werkt wel makkelijk.

Ik doe af en toe wat R&D met ionic2 en typescript. Er zijn niet veel windows IDE's die daar goed mee om gaan, VS Code uiteraard wel.

Ben er nu ook mee bezig. Het schort nog een beetje aan debug-feedback. Soms krijg je een wit scherm, nergens foutmeldingen en moet je maar uitzoeken wat je verkeerd doet. En dat is nogal lastig als je met nieuwe talen werkt

Dit weekend eens op mijn PC en chromebook (waar linux op draait) installeren. Volgende week maar eens mee gaan experimenteren. Wordt in ieder geval voldoende aan gewerkt om het pakket beter te maken aangezien er steeds meer gebruikers komen. Vind Atom af en toe een beetje traag reageren.

Thanks.

vrijdag 15 april 2016 @ 15:22:59 #267

mstx

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

quote:
Op vrijdag 15 april 2016 14:44 schreef Molleman het volgende:
Zie een nieuwsbericht voorbij komen dat Visual Studio Code uit beta is en een 1.0 release heeft gekregen. Iemand van jullie die hier mee gespeeld heeft en is het de moeite waard om over te stappen? Schijnbaar toch al een half miljoen maandelijkse gebruikers en hoor dat het een stuk sneller dan Atom is.

Ik gebruik hem ook al een tijdje als standaard editor hier op het werk. Werkt erg prettig.

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 3 mei 2016 @ 09:26:42 #268

Pino0

Heeft totaal geen vooroordelen

Is dit actief? Ik heb een vraag. Please quote mij

dinsdag 3 mei 2016 @ 09:34:28 #269

Catch22-

Ben je Blind?!

quote:
Op dinsdag 3 mei 2016 09:26 schreef Pino0 het volgende:
Is dit actief? Ik heb een vraag. Please quote mij

Nee morsdood

quote:
Op vrijdag 15 april 2016 15:00 schreef Molleman het volgende:

[..]

Dit weekend eens op mijn PC en chromebook (waar linux op draait) installeren. Volgende week maar eens mee gaan experimenteren. Wordt in ieder geval voldoende aan gewerkt om het pakket beter te maken aangezien er steeds meer gebruikers komen. Vind Atom af en toe een beetje traag reageren.

Thanks.

Enige wat ik vervelend vind is dat je niet echt tabs hebt, maar daar begin ik aan te wennen.

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 3 mei 2016 @ 09:44:59 #270

Pino0

Heeft totaal geen vooroordelen

quote:
Op dinsdag 3 mei 2016 09:34 schreef Catch22- het volgende:

[..]

Nee morsdood

Hoi, even een vraagje. Ben klaar met de HTML en CSS course van Codecademy, en ben nu zelf een beetje aan het stoeien, alleen kom ik al meteen een probleem tegen. Ik heb een text plaatje gemaakt in Photoshop, en die geimporteerd naar HTML/CSS, alleen wilt het plaatje gewoon niet verplaatsen, alleen als ik width invoer (maar ik wil hem gecentreerd).

Dit is mijn html code;

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Result</title>
</head>
<body>
<img id="welcome"/>
<img src="C:\Users\lllll\Desktop\html\welcome01pgn.png"/>

</body>
</html>

en dit mijn CSS code

body{
background-color: #90c3d4;
}

#welcome{

position: relative;
margin-left: auto;
margin-right: auto;

}

Kan jij mij helpen?

dinsdag 3 mei 2016 @ 09:48:16 #271

BrainOverfloW

Fok! around the Clock!

quote:
Op dinsdag 3 mei 2016 09:44 schreef Pino0 het volgende:

[..]

Hoi, even een vraagje. Ben klaar met de HTML en CSS course van Codecademy, en ben nu zelf een beetje aan het stoeien, alleen kom ik al meteen een probleem tegen. Ik heb een text plaatje gemaakt in Photoshop, en die geimporteerd naar HTML/CSS, alleen wilt het plaatje gewoon niet verplaatsen, alleen als ik width invoer (maar ik wil hem gecentreerd).

Dit is mijn html code;

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Result</title>
</head>
<body>
<img id="welcome"/>
<img src="C:\Users\lllll\Desktop\html\welcome01pgn.png"/>

</body>
</html>

en dit mijn CSS code

body{
background-color: #90c3d4;
}

#welcome{

position: relative;
margin-left: auto;
margin-right: auto;

}

Kan jij mij helpen?

Je img ID en src zitten in 2 verschillende tags. Die moeten samen in 1 tag. Nu centreer je een lege tag terwijl de tag met het plaatje blijft staan.

Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson

dinsdag 3 mei 2016 @ 09:52:16 #272

Pino0

Heeft totaal geen vooroordelen

quote:
Op dinsdag 3 mei 2016 09:48 schreef BrainOverfloW het volgende:

[..]

Je img ID en src zitten in 2 verschillende tags. Die moeten samen in 1 tag. Nu centreer je een lege tag terwijl de tag met het plaatje blijft staan.

Oja, ofcourse

Super bedankt!

En dan heb ik nog een vraagje, ik heb ze nu allebei in 1 gedaan, maar als ik margin left en right auto doe, verspringt hij niet naar het midden. Hoe kan ik hem centreren/hoe weet ik hoeveel pixels mijn HTML bestand heeft? Om hem naar aanleiding daarvan te kunnen centreren?

dinsdag 3 mei 2016 @ 10:00:57 #273

Catch22-

Ben je Blind?!

quote:
Op dinsdag 3 mei 2016 09:52 schreef Pino0 het volgende:

[..]

Oja, ofcourse Super bedankt!

En dan heb ik nog een vraagje, ik heb ze nu allebei in 1 gedaan, maar als ik margin left en right auto doe, verspringt hij niet naar het midden. Hoe kan ik hem centreren/hoe weet ik hoeveel pixels mijn HTML bestand heeft? Om hem naar aanleiding daarvan te kunnen centreren?

"Give a man a fish.."

als je googled op "center img css html" dan kom je er wel uit.

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 3 mei 2016 @ 10:08:15 #274

Pino0

Heeft totaal geen vooroordelen

quote:
Op dinsdag 3 mei 2016 10:00 schreef Catch22- het volgende:

[..]

"Give a man a fish.."

als je googled op "center img css html" dan kom je er wel uit.

Heb al het een en ander opgezocht, maar kwam er niet uit. Nu weer stapje verder.

Dank voor moeite.

dinsdag 3 mei 2016 @ 10:15:25 #275

pixarnl

Een img tag is een inline-block element. Die kun je niet centreren met margin:auto.
Je kunt er een block element van maken met

1	display:block

dinsdag 3 mei 2016 @ 20:12:30 #276

Pino0

Heeft totaal geen vooroordelen

Wat doe ik verkeerd?

Ik wil gewoon een border in CSS om mijn image doen. Dit probleem heb ik ook weer gegoogled, maar kom er niet uit.

HTML
<center>
<img id="xxx" />
<img src="C:\Users\xxxx\Desktop\html\aboutme\xxxxx.jpg" height="300px" />
</center>

#xxx{
border: solid grey;
border-width: 15px;

}

Heb al geprobeerd met of zonder center etc, maar werkt niet. De border komt gewoon links onder mijn image te staan (buiten mijn image). Als ik hem bewerk in HTML krijg ik wel een border. Maar wil graag weten wat ik verkeerd doe en waarom het mij niet lukt in CSS.

Kunnen jullie mij helpen?

[ Bericht 70% gewijzigd door Pino0 op 04-05-2016 00:14:42 ]

woensdag 4 mei 2016 @ 08:42:44 #277

pixarnl

Lees eens een paar berichten terug. De fout die toen in je code zat zit er nu opnieuw in.

woensdag 4 mei 2016 @ 10:11:06 #278

Catch22-

Ben je Blind?!

Begin eens met wat html en css 101 artikelen. Je hebt totaal geen basis en doet maar wat

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 4 mei 2016 @ 10:14:56 #279

Tijn

Powered by MS Paint

Het begint al met het feit dat je twee images op de pagina zet. Een met een id die je gebruikt in je stylesheet en eentje die daadwerkelijk naar een afbeeldingsbestand verwijst.

Je moet die twee elementen combineren.

Verberg de nieuwsticker

woensdag 4 mei 2016 @ 16:35:01 #280

cablegunmaster

Redacted

quote:
Op zaterdag 19 december 2015 11:04 schreef pussywillow het volgende:

[..]

Ik denk dat je wel een paar weken verder bent voor je het echt onder de knie hebt. Als je gewend bent om gewoon old school DOM elementen te manipuleren dan moet je jezelf eigenlijk een andere manier van denken aanleren. Dit plaatje somt het wel mooi op

[ afbeelding ]

AngularJS? Nah , ReactJS

Redacted

zondag 8 mei 2016 @ 17:24:22 #281

Ser_Ciappelletto

Semi-professionele SJW

Waarom selecteert dit stukje JS niet "afbeelding/Naam.jpg"?

1	var img = document.getElementById("1 img").src;

1
2
3
4

zondag 8 mei 2016 @ 17:47:35 #282

PimD

Nee.

Omdat getElementById een element pakt op basis van de ID. Het is dus geen selector, je kunt geen children mee geven. In jouw voorbeeld wordt er dus gezocht naar een element met de id '1 img', en niet naar een img die een child is van #1. Wat jij wilt is document.getElementById('1').querySelector('img').

Overigens mag een ID nooit beginnen met een nummer.

Nee.

dinsdag 10 mei 2016 @ 08:49:59 #283

n8n

Pragmatisch

Of gewoon meteen querySelector("#1 img"), scheelt ook weer een dom inspectie.

“Specialization is for insects”.—Robert Heinlein

dinsdag 10 mei 2016 @ 09:04:05 #284

mstx

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

quote:
Op dinsdag 10 mei 2016 08:49 schreef n8n het volgende:
Of gewoon meteen querySelector("#1 img"), scheelt ook weer een dom inspectie.

Dat hoeft niet per se sneller te zijn. getElementById is enorm snel en als je daarbinnen zoekt hoeft hij niet het hele document te doorzoeken. Niet dat je er in de praktijk veel van merkt, maar toch.

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 10 mei 2016 @ 10:15:16 #285

KomtTijd...

Als je toch gaat micro-optimaliseren kun je er waarschijnlijk beter getElementById('1').getElementsByTagName('img')[0] van maken.

zcflevo.nl

dinsdag 10 mei 2016 @ 10:30:41 #286

n8n

Pragmatisch

Met 1 query heb je nooit de null.querySelector error, het is ook explicieter wat je wilt en dom queries kosten nog een fractie van een ms tegenwoordig.

“Specialization is for insects”.—Robert Heinlein

dinsdag 10 mei 2016 @ 11:10:53 #287

Catch22-

Ben je Blind?!

quote:
Op woensdag 4 mei 2016 16:35 schreef cablegunmaster het volgende:

[..]

AngularJS? Nah , ReactJS

Hebben beiden hun voors en tegens. Angular2 met typescript en ionic werkt wel mooi

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 10 mei 2016 @ 16:42:19 #288

ikbenrond

*zwaai*

Ik zoek een manier om dit te doen; ik heb links een element met een background image en rechts een nav. Als ik over de a'tjes in de nav hover wil ik eigenlijk dat de background image links verandert.

CSS

1
2
3
4
5
6
7
8

.hero {
  width: 50%;
  height: 100%;
  position: fixed;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 30%), url(../photo2.jpg);
  background-size: cover;
  background-position: center 30%;
}

HTML

1
2
3
4
5
6
7
8
9

Niet heel relevante code nu eigenlijk, maar ik dacht misschien weten jullie een handige manier om een element (die background image/.hero) te beinvloeden door te hoveren over de nav.

Ben niet zo goed in JS, maar ik denk dat dat de enige manier is eigenlijk, dus dat is dan maar zo

dinsdag 10 mei 2016 @ 16:44:31 #289

BrainOverfloW

Fok! around the Clock!

quote:
Op dinsdag 10 mei 2016 16:42 schreef ikbenrond het volgende:
*zwaai*

Ik zoek een manier om dit te doen; ik heb links een element met een background image en rechts een nav. Als ik over de a'tjes in de nav hover wil ik eigenlijk dat de background image links verandert.

CSS
[ code verwijderd ]

HTML
[ code verwijderd ]

Niet heel relevante code nu eigenlijk, maar ik dacht misschien weten jullie een handige manier om een element (die background image/.hero) te beinvloeden door te hoveren over de nav.

Ben niet zo goed in JS, maar ik denk dat dat de enige manier is eigenlijk, dus dat is dan maar zo

Kun je die achtergrond niet veranderen met

1
2
3

.hero:hover{
//nieuwe background code
}

Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson

dinsdag 10 mei 2016 @ 16:55:38 #290

ikbenrond

quote:
Op dinsdag 10 mei 2016 16:44 schreef BrainOverfloW het volgende:

[..]

Kun je die achtergrond niet veranderen met
[ code verwijderd ]

Jawoll, maar elke a in de nav moet een andere afbeelding krijgen. Of kan dat dan nog?

dinsdag 10 mei 2016 @ 19:24:44 #291

BrainOverfloW

Fok! around the Clock!

quote:
Op dinsdag 10 mei 2016 16:55 schreef ikbenrond het volgende:

[..]

Jawoll, maar elke a in de nav moet een andere afbeelding krijgen. Of kan dat dan nog?

Had niet helemaal goed gelezen dat je de achtergrond van een ander element wou veranderen i.p.v. de link zelf.

Is dit een beetje wat je zoekt?

Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson

zaterdag 14 mei 2016 @ 15:48:38 #292

Ser_Ciappelletto

Semi-professionele SJW

Waarom blijft deze code bij 'nummer' telkens '1' inserten ("<div id=nummer1>" dus), ook al klik ik meerdere keren op het addfield-divje? De var staat declared buiten de click-functie, dus die zou toch niet moeten resetten? Bovendien zou de "nummer =+ 1;" er toch 2 van moeten maken, zelfs als 'ie gereset wordt? Hij moet dus gereset worden binnen de click-functie, maar daar wordt de var helemaal niet meer gedeclared! Dat kan toch niet?

1
2
3
4
5
6
7
8
9
10
11
12

zaterdag 14 mei 2016 @ 15:51:51 #293

JeSuisDroppie

Drop!

quote:
Op zaterdag 14 mei 2016 15:48 schreef Ser_Ciappelletto het volgende:
Waarom blijft deze code bij 'nummer' telkens '1' inserten ("<div id=nummer1>" dus), ook al klik ik meerdere keren op het addfield-divje? De var staat declared buiten de click-functie, dus die zou toch niet moeten resetten? Bovendien zou de "nummer =+ 1;" er toch 2 van moeten maken, zelfs als 'ie gereset wordt? Hij moet dus gereset worden binnen de click-functie, maar daar wordt de var helemaal niet meer gedeclared! Dat kan toch niet?
[ code verwijderd ]

verander =+1 eens in +=1 of beter nog nummer++;

Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!

zaterdag 14 mei 2016 @ 15:54:42 #294

Ser_Ciappelletto

Semi-professionele SJW

quote:
Op zaterdag 14 mei 2016 15:51 schreef JeSuisDroppie het volgende:

[..]

verander =+1 eens in +=1 of beter nog nummer++;

Shit, enorme faal van mij. Goed gespot! Thanks.

zaterdag 14 mei 2016 @ 18:28:29 #295

Tijn

Powered by MS Paint

quote:
Op zaterdag 14 mei 2016 15:51 schreef JeSuisDroppie het volgende:

[..]

verander =+1 eens in +=1 of beter nog nummer++;

Ik vind +=1 duidelijker dan ++ eerlijk gezegd.

Verberg de nieuwsticker

zaterdag 14 mei 2016 @ 19:32:01 #296

KomtTijd...

"Nummer" + ++nummer

_{please don't}

zcflevo.nl

zaterdag 14 mei 2016 @ 23:24:13 #297

JeSuisDroppie

Drop!

quote:
Op zaterdag 14 mei 2016 18:28 schreef Tijn het volgende:

[..]

Ik vind +=1 duidelijker dan ++ eerlijk gezegd.

Kwestie van persoonlijke voorkeur imo, maar snap waar je op doelt.

Drop drop drop drop drop drop drop!!!! DROP!!! drop drop drop drop !!

zaterdag 14 mei 2016 @ 23:48:05 #298

Catch22-

Ben je Blind?!

quote:
Op zaterdag 14 mei 2016 18:28 schreef Tijn het volgende:

[..]

Ik vind +=1 duidelijker dan ++ eerlijk gezegd.

++ is wel common practice

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?

zaterdag 14 mei 2016 @ 23:52:25 #299

mschol

quote:
Op zaterdag 14 mei 2016 18:28 schreef Tijn het volgende:

[..]

Ik vind +=1 duidelijker dan ++ eerlijk gezegd.

+=1 is zo'n rare eend in de bijt..

alsof + gelijk aan 1 is.. (of dat + resulteert in 1)

zaterdag 14 mei 2016 @ 23:53:39 #300

Tijn

Powered by MS Paint

quote:
Op zaterdag 14 mei 2016 23:48 schreef Catch22- het volgende:

[..]

++ is wel common practice

Crockford raadt het af: http://javascript.crockford.com/code.html

quote:
Confusing Pluses and Minuses

Be careful to not follow a + with + or ++. This pattern can be confusing. Insert parens between them to make your intention clear.

total = subtotal + +myInput.value;

is better written as

total = subtotal + (+myInput.value);

so that the + + is not misread as ++. Avoid ++.

Verberg de nieuwsticker

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

» digital corner

» digital corner