Posts Tagged ‘Javascript’

De Hand Tool gebruiken op een webpagina

woensdag, juli 9th, 2008

Met als doel een zo werkbaar mogelijke website te maken, kwam ik vandaag op het idee om de Hand Tool te porten naar een webpagina met behulp van Javascript.

Behalve voor mouse gestures in Opera wordt het slepen van de rechtermuisknop nergens op grote schaal voor gebruikt. En aangezien een muis gebruikt wordt om mee te navigeren, vond ik het wel handig om de functionaliteit ervan uit te breiden voor websites.

Hoe zit het idee achter de Hand Tool op een webpagina in elkaar?

Je houdt je rechtermuisknop ingedrukt op een willekeurige plek op de pagina. Eenmaal je de muis meer dan een vooraf bepaalde afstand verplaatst, wordt de functionaliteit van het contextmenu uitgeschakeld en vervangen door een sleepmogelijkheid. Zodoende pak je de pagina daadwerkelijk vast, en kan je er alle kanten mee uit (naargelang de grootte van de pagina natuurlijk).
Staat de pagina waar je hem wilt hebben, dan laat je de rechtermuisknop los. Zo simpel is het.

Probeer het maar eens op m’n website uit als je wil, voor de feedreaders onder ons.

De achterliggende code wijst zichzelf uit, je hoeft deze slechts te kopiëren en plakken/integreren/aanpassen naar eigen wens.

Tags:
Posted in Webdesign | 7 Comments »

Opgeslagen wachtwoorden tonen met javascript

zaterdag, december 22nd, 2007

Ken je de functionaliteit om een wachtwoord op te slaan in een formulier? (Waarbij je wachtwoord wordt weergegeven in sterretjes)

Besef dan ook dat dit opgeslagen wachtwoord makkelijk terug zichtbaar kan worden gemaakt, en wel als volgt:

  1. Open de pagina waar je het wachtwoord op hebt opgeslagen.
  2. Wacht totdat deze pagina volledig is geladen. (meer…)

Tags:
Posted in Webdesign | 7 Comments »

Websites voor op de iPhone ontwikkelen

vrijdag, juli 6th, 2007

Nichemarkt of niet, met een grotere ondersteuning van mobieltjes kan je niks misdoen imho.

Apple heeft dan ook een minisite (met toch wel nuttige info op) vrijgegeven voor het ontwikkelen van websites op deze speciale versie van Safari.

Enkele highlights:

(meer…)

Tags: , ,
Posted in Webdesign | 4 Comments »

Javascript get alternatief

woensdag, april 4th, 2007

Hoewel de persoonlijke javascript library nog volop in opbouw is, wil ik jullie deze alvast niet onthouden:

// Auteur: Benjamin Carlier, http://benjamincarlier.be/

var Uri={
uitlezen:function(id){
var s=location.search.match('(?:\\?|\&)'+id+'=([^\&]*)');
return s?unescape(s[1].replace(/\+/g," ")):false}
}

Na al de manieren op het web om de info uit een url te halen door alles in een array te steken, én mezelf wat in reguliere expressies te hebben verdiept, kwam ik op bovenstaande oplossing uit.

Gebruiksaanwijzing
De URI van de pagina: http://website.tld/?q=zoekterm

Dan roep je in je javascript de inhoud van je id q aan door

Uri.uitlezen("q");

waarbij de inhoud in dit geval gelijkstaat aan zoekterm (uiteraard).
Gebruiken staat vrij, het lijntje commentaar laten staan ook ;-)
Voor de technische kant mag je me altijd vragen stellen in de comments, dan werk ik nu verder aan het Uri object.

Update
Bart wees me op een onvergeefelijke fout: het gebruiken van een id als trefwoord in de uri heeft namelijk geen specifieke betekenis, en krijgt een ’speciale’ (indexerings)behandeling in zoekmachine’s.

Bij deze zijn alle id’s vervangen door de q van query (omdat het een demonstratie betreft).

Tags: ,
Posted in Webdesign | 8 Comments »