Vores Meeho!™ Blog giver dig generelle nyheder, tekniske tips, inspiration og mere til i relation til Meeho!™-platformen.

Tilmeld dig gratis nu!

Indlæg fra 1-2010

Nyere indlæg »

» Om at placere en div over et Flash-element ved brug af swfObject

Skrevet af Kasper Tidemann d. 11/1 2010 kl. 03:01

Sidder du og kæmper med at få din div til at flyde over et Flash-element på din HTML-side? Afprøver du din kode i Internet Explorer 8, og gør du brug af swfObject?

Hvis du kan svare ja til begge spørgsmål, så fortvivl ikke: løsningen er enkel. Åbn din swfobject.js-fil og kig på linjerne 29-32. De ser nogenlunde sådan her ud:

var q = quality ? quality : 'high';
this.addParam('quality', q);
this.setAttribute('useExpressInstall', false);
this.setAttribute('doExpressInstall', false);

Det eneste, du behøver at gøre for at få din div til at vise sig over et Flash-element, er at tilføje wmode-parameteren i swfobject.js-filen. Den linje, som du skal tilføje, ser sådan her ud: this.addParam(’wmode’, ‘transparent’);. Hvis du tilføjer den efter quality-parameterlinjen, får du noget i retning af nedenstående:

var q = quality ? quality : 'high';
this.addParam('quality', q);
this.addParam('wmode', 'transparent');
this.setAttribute('useExpressInstall', false);
this.setAttribute('doExpressInstall', false);

… Opdatér dit browservindue med brug af den modificerede swfobject.js-fil, og så flyder din div stolt over Flash-elementet, præcis som forventet.

Tilføjet under Generelt · 1 kommentar »

» Find ud af hvilket HTML-element, som har fokus

Skrevet af Kasper Tidemann d. 5/1 2010 kl. 04:45

Hvis du har brug for at vide hvilket element på din HTML-side, som har fokus, kan du bruge document.activeElement-attributten, som for nyligt er blevet introduceret i alle de større browsere (det virker i Firefox 3, Safari 4, Internet Explorer 8 mv.).

Det er især brugbart hvis du fx skal afgøre om et input-felt har fokus eller ej. En bruger kan være ved at indtaste noget i en formular, du har lavet, og så vil du ikke have at brugeren forlader siden (ved en fejltagelse) midt i en indtastning i et af dine input-felter.

Som et eksempel på brugen af document.activeElement, kan du se nærmere på følgende stump kode:

<html>
<head>
<title>Min testside</title>
<script type="text/javascript">

window.onkeypress = getActiveHTMLElement;

function getActiveHTMLElement(keyevent) {

keyevent = (keyevent) ? keyevent : ((window.event) ? event : null);

if (keyevent) {

switch (keyevent.keyCode) {
case 8:
alert(document.activeElement.tagName);
break;
}

}

}
</script>
</head>

<body>

Det her er min testside. Og tryk så på backspace!

</body>
</html>

Ovenstående vil returnere tag-navnet på det element, som har fokus hver gang, du trykker backspace på siden.

document.activeElement-attributen er en del af den kommende HTML 5-specifikation. For mere informaton kan du klikke her og læse om de kommende ændringer.

Tilføjet under Generelt, HTML og CSS, Teknik · Ingen kommentarer »

Nyere indlæg »