[Javascript] voor dummies (deel 12)

zondag 12 februari 2012 @ 23:30:32 #176

GlowMouse

l'état, c'est moi

quote:
Op zondag 12 februari 2012 23:11 schreef KomtTijd... het volgende:

[..]

Wat is het nut van dat extra element als je ook gewoon <img onclick="doeIets()" ... /> kunt doen?

de cursor verandert wel bij a href maar niet bij onclick?

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 12 februari 2012 @ 23:32:19 #177

KomtTijd...

quote:
Op zondag 12 februari 2012 23:30 schreef GlowMouse het volgende:

[..]

de cursor verandert wel bij a href maar niet bij onclick?

kwestie van een lijntje CSS.

zcflevo.nl

woensdag 15 februari 2012 @ 15:32:40 #178

karton2

quote:
Op zondag 12 februari 2012 22:19 schreef Scorpie het volgende:
<a href="javascript: doeiets();"><img src="mijnplaatje.jpg" style="border: 0;"/></a>

Let erop dat het rode kruis veroorzaakt wordt door een plaatje dat niet gevonden kan worden.

Dankjewel voor de voorzet.
Ik heb zelf 0 ervaring met javascript dus het is nogal puzzelen en zoeken.
Het uiteindelijke doel is dat de afbeelding zich ook als een button gaat gedragen, bijv. reageren als je met de cursor over de afbeelding gaat en als erop geklikt wordt.
Eerst maar eens verder experimenteren.

woensdag 15 februari 2012 @ 20:01:11 #179

Crutch

Filantroop || Taalzwengel

quote:
Op woensdag 15 februari 2012 15:32 schreef karton2 het volgende:

[..]

Dankjewel voor de voorzet.
Ik heb zelf 0 ervaring met javascript dus het is nogal puzzelen en zoeken.
Het uiteindelijke doel is dat de afbeelding zich ook als een button gaat gedragen, bijv. reageren als je met de cursor over de afbeelding gaat en als erop geklikt wordt.
Eerst maar eens verder experimenteren.

Een afbeelding gedraagt zich standaard als button als je 'm nestelt in een link.
Dat is gewoon standaard html.

Like this:

1	<a href="www.dikketieten.nl"><img src="images/boobs.jpg" /></a>

Als je een javascriptfunctie wilt loslaten na het klikken op een afbeelding dan volstaat dit ook wel:

1	<img src="images/boobs.jpg" onclick="fapFunctie()" />

De muiscursor wordt dan nog geen handje zoals in voorbeeld 1 wel gebeurt.
Daarvoor kun je in je CSS de eigenschap:

1	cursor: pointer;

meegeven.

Je moeder is een hamster

maandag 20 februari 2012 @ 13:27:16 #180

karton2

quote:
Op woensdag 15 februari 2012 20:01 schreef Crutch het volgende:

[..]

Een afbeelding gedraagt zich standaard als button als je 'm nestelt in een link.
Dat is gewoon standaard html.

Like this:
[ code verwijderd ]

Ik bedoelde eigenlijk dat het bookmark image reageert op een mouseOver, dat het image bijv. van kleur verandert zodra de cursor op het image komt.

quote:
Als je een javascriptfunctie wilt loslaten na het klikken op een afbeelding dan volstaat dit ook wel:
[ code verwijderd ]

De code die ik nu heb ziet er zo uit:

1	<a href="javascript:bookmarksite('Google', 'http://www.google.nl')"><img src="images/favo.jpg" alt="bookmark" /></a>

Dit werkt wel alleen hij laat het image niet zien. Ik heb een .jpg en .png geprobeerd maar beide werken niet.
Bij img src zoek ik via browse de bookmark image op dus het pad van de image klopt wel.
Als ik alt="bookmark" weghaal laat de browser helemaal niks zien, de bookmark code werkt nu alleen omdat ik op het woord 'bookmark' kan klikken.

quote:
De muiscursor wordt dan nog geen handje zoals in voorbeeld 1 wel gebeurt.
Daarvoor kun je in je CSS de eigenschap:
[ code verwijderd ]
meegeven.

Die neem ik mee zodra het bookmarken zelf goed werkt.

maandag 20 februari 2012 @ 13:29:50 #181

Catch22-

Ben je Blind?!

quote:
Bij img src zoek ik via browse de bookmark image op dus het pad van de image klopt wel.

Wat is je BASE HREF? Wat zie je als je rechtermuisklik > eigenschappen (of copy image link) doet? Welke link maakt hij aan?

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 20 februari 2012 @ 13:41:32 #182

karton2

quote:
Op maandag 20 februari 2012 13:29 schreef Catch22- het volgende:

[..]

Wat is je BASE HREF? Wat zie je als je rechtermuisklik > eigenschappen (of copy image link) doet? Welke link maakt hij aan?

Bij eigenschappen krijg ik: http://localhost/joomla/images/favo.jpg

maandag 20 februari 2012 @ 13:45:20 #183

Catch22-

Ben je Blind?!

en daar staat de afbeelding wel?

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 20 februari 2012 @ 13:50:10 #184

karton2

quote:
Op maandag 20 februari 2012 13:45 schreef Catch22- het volgende:
en daar staat de afbeelding wel?

Helaas:

quote:
Not Found

The requested URL /joomla/images/favo.jpg was not found on this server.

maandag 20 februari 2012 @ 13:50:57 #185

Catch22-

Ben je Blind?!

waar staat hij dan wel?

_Zucht...

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 20 februari 2012 @ 13:56:08 #186

karton2

quote:
Op maandag 20 februari 2012 13:50 schreef Catch22- het volgende:
waar staat hij dan wel?

_Zucht...

Ik ben de weg kwijt vandaar dat ik nogal traag van begrip ben

Als ik de complete link van de afbeelding aan moet geven dan krijg je D:\werk\wamp\www\joomla\templates\testtemplate\images\favo.jpg

En die link komt inderdaad niet overeen met de eigenschappen van de afbeelding in de browser.

maandag 20 februari 2012 @ 13:57:34 #187

Catch22-

Ben je Blind?!

en als je /images/favo.jpg van je link maakt?

en dit is trouwens meer iets voor [html, css, js] voor dummies #21

of eigenlijk [Wordpress] Algemeen topic deel 4

of eigenlijk htmlhulp.nl

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 20 februari 2012 @ 16:25:56 #188

xaban06

Hoi allen, ik weet niet zeker of dit met JS moet/kan.

Ik ben een script aan het bouwen, het script voert op de server iets uit, dit kan enkele seconde tot enkele minuten in beslag nemen. Tijdens het 'uitvoering' op de server wil ik 'loading..' laten zien aan de gebruikers, zodra het 'klaar' is moet dit automatisch zichtbaar worden.

In welke richting moet ik denken?

/edit
Even een kleine toevoeging, misschien ben ik dan duidelijker.

Er is een input field en submit knop. De gebruiker vult iets in in het input field en drukt op de submit knop. Op de server wordt een applicatie gedraait met de opgegeven waarde uit het input field. Tijdens dit process wil ik 'loading..' op het scherm. Zodra het klaar/afgerond is, moet dit automatisch zichtbaar worden. Loading moet dus veranderen in 'finished, click here to download'.

maandag 20 februari 2012 @ 16:34:13 #189

Catch22-

Ben je Blind?!

Ik zou een ajax call maken met jQuery, een loader laten zien na het klikken op de knop en in de callback de tekst tonen.

1
2
3
4
5
6
7
8

<?php
$("button").click(function() {
$("#loadingPlaceholder").html("<img src='/images/loader.gif' />");
$.ajax("register.php", $("#form").serialize(), function() {
$("#loadingPlaceholder").html("<a href='/henkie/'>Klik hier hoerejong</a>");
});
});
?>

maar dan moet je wel iets returnen vanuit de code.

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 20 februari 2012 @ 16:38:01 #190

xaban06

quote:
Op maandag 20 februari 2012 16:34 schreef Catch22- het volgende:
Ik zou een ajax call maken met jQuery, een loader laten zien na het klikken op de knop en in de callback de tekst tonen.
[ code verwijderd ]

maar dan moet je wel iets returnen vanuit de code.

Thanks, even bestuderen want ik snap er geen bal van

maandag 20 februari 2012 @ 17:06:35 #191

Catch22-

Ben je Blind?!

http://api.jquery.com/jQuery.ajax/

daar moet je een eind mee komen

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 25 februari 2012 @ 21:07:37 #192

Diabox

Wie weet iets met javascript waarmee de gebruiker met z'n muis figuren kan tekenen (die sluiten, het moet dus een vorm worden), zodat ik vervolgens de coordinaten kan opslaan, in bijv. m'n db. Iemand een steuntje in de goede richting qua libraries? Heb wel het een en ander gevonden met Google, maar je komt natuurlijk pas na wat spelen erachter of het geschikt is of niet. Dus misschien dat iemand iets weet wat hier goed geschikt voor is?

zaterdag 25 februari 2012 @ 21:09:51 #193

GlowMouse

l'état, c'est moi

html5, canvas, onclick?

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zaterdag 25 februari 2012 @ 21:11:54 #194

Diabox

HTML5 canvas ziet er zeer geschikt uit, ik heb geen enkel moment aan html5 gedacht, nice.

Is dat 'n beetje wat qua browser support verder?

zondag 26 februari 2012 @ 01:44:26 #195

Tijn

quote:
Op zaterdag 25 februari 2012 21:11 schreef Diabox het volgende:

Is dat 'n beetje wat qua browser support verder?

Canvas werkt in de laatste versie van alle browsers, inclusief IE. Smartphones en tablets ondersteunen het ook.

Voor oude versies van IE (8 en lager) bestaan er scripts die je kunt includen om het ook daarin te laten werken.

Verberg de nieuwsticker

zondag 26 februari 2012 @ 22:31:32 #196

Diabox

Toppie.

maandag 5 maart 2012 @ 11:40:50 #197

Regenbui

Hi all,

Voor m'n site gebruikt ik jQuery Star Rating plugin. Het onderstaande script gebruik ik om de text in de TITLE tag in een div te presenteren tijdens het hoveren.

Nu wil ik dat zodra de gebruiker op een star (radio button) klikt, de text in de Title tag wordt geprint (geplaatst) in de opgegeven div.

Ik heb een stukje code gevonden, maar dat lijkt niet te werken, dien ik dit in m'n bestaande javascript code te plaatsen, of kan dit in een seperate <script> tag?

Hover Code

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

jQuery(function($){
$('.hover-star1').rating({
  focus: function(value, link){
    var tip = $('#hover-test1');
    tip[0].data = tip[0].data || tip.html();
    tip.html(link.title || 'value: '+value);
  },
  blur: function(value, link){
    var tip = $('#hover-test1');
    $('#hover-test1').html(tip[0].data || '');
  }
});

Click/Print Code (die niet werk)

1	$('.hover-star').click(function (){$('#someDiv').text($(this).val());

maandag 5 maart 2012 @ 11:50:45 #198

#ANONIEM

is #someDiv wel de juiste selector?

maandag 5 maart 2012 @ 11:56:36 #199

Regenbui

quote:
Op maandag 5 maart 2012 11:50 schreef Scorpie het volgende:
is #someDiv wel de juiste selector?

.Hover-star = De class die de radio button (sterren) hebben
#SomeDiv = die ik tijdelijk gebruik om het te testen.

kan ik die nieuwe code regel in een nieuwe <script> tag plaatsen, of dient deze in het bovenstaande script verwerkt te worden?

Thnx.

maandag 5 maart 2012 @ 12:02:45 #200

#ANONIEM

quote:
Op maandag 5 maart 2012 11:56 schreef Regenbui het volgende:

[..]

.Hover-star = De class die de radio button (sterren) hebben
#SomeDiv = die ik tijdelijk gebruik om het te testen.

kan ik die nieuwe code regel in een nieuwe script> tag plaatsen, of dient deze in het bovenstaande script verwerkt te worden?

Thnx.

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

<?php
jQuery(function($){
  $('.hover-star1').rating({
    focus: function(value, link){
      var tip = $('#hover-test1');
      tip[0].data = tip[0].data || tip.html();
      tip.html(link.title || 'value: '+value);
    },

    blur: function(value, link){
      var tip = $('#hover-test1');
      $('#hover-test1').html(tip[0].data || '');
    }
  });

  $('.hover-star1').click(function(){
    $('#someDiv').text($(this).val());
  });

});
?>

Je had hover-star ipv hover-star1 in je onclick element.

[ Bericht 0% gewijzigd door #ANONIEM op 05-03-2012 12:03:28 ]

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

» digital corner

» development

» digital corner

» development