Næse for design og kommunikation til nettet
Arkiv for Javascript
Sådan fixes IE7′s z-index bug med jQuery
9 feb 10
Det er sædvanligvis Internet Explorer, der kræver ekstra opmærksomhed, workarounds og udviklingstid, når man skal gøre et website kompatibelt på tværs af webbrowsere. Jeg har lige spenderet en del tid på at komme omkring en grov renderingsfejl i IE før version 8, der rammer den orden hvori CSS positionerede HTML elementer stables. Jeg er rendt ind i IE’s z-index bug.
Opgaven: En lang række list items skal udstyres med forklaringer i form af drop downs. HTML koden ser således ud.
<ul class="linklist">
<li>
<h4>Overskrift 1</h4>
<a href="#" class="dropdown-trigger">Vis beskrivelse</a>
<div id="beskrivelse-1">
Beskrivende note der falder ned, når man klikker på linket "Vis Mere > Sådan kaldes javascripts i WordPress
30 nov 09
Da version 1 af stylesheets og templates til Horsens kommunes biblioteker i sin tid blev kodet op, havde jeg hentet javascript-biblioteket jQuery + diverse plugins, placeret dem i wp-theme mappen og kaldt dem manuelt i theme’ets header.php script. Det var før jeg fandt ud af, at jQuery + plugins faktisk er inkluderet i WordPress og kan kaldes med indbyggede funktioner.
Den “rigtige” måde at kalde javascripts på i WordPress er med fuktionen wp_enqueue_script. Med denne funktion kan man kalde en række indbyggede javascript biblioteker, heriblandt jQuery, Scriptaculous og Prototype. For at kalde jQuery, skriver man således følgende i header.php:
<?php wp_enqueue_script('jquery'); ?>
Har man samtidig Mere >
Linkhøst fra 13. august til 14. august
14 aug 09
Bogmærker indsamlet fra 13. august til 14. august
Paladin (0/10/61) – Talent Calculator – World of Warcraft 14. augustPopular talent build for maximum damage dealing retribution paladins in World of Warcraft. Best Talents for Patch 3.2 of World of Warcraft – WoW Popular – Filter by Talents 14. augustPopular talent builds for World of Warcraft. If you don't bother calculating your talent build yourself, this is the place to go fetch it. IE6ify Bookmarklet 13. augustAfter years of observation and reverse engineering I am proud to say I have been able to reproduce the IE6 algorithm to break even the most standards-compliant websites. Mere >Linkhøst fra 18. juni til 19. juni
19 jun 09
Bogmærker indsamlet fra 18. juni til 19. juni
jQuery UI – Home 19. junijQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. FRI Betaling – Danmarks billigste betalingsløsning 18. juniModtag betalinger direkte på dit website – sikkert, nemt og billigt. FRIbetaling er et sikkert valg hvis du vil kunne modtage betalinger online. Du får et let overskueligt administrationsmodul, højeste sikkerhed med SSL krypteret forbindelse og det hele til landets laveste pris. Magentohotel.dk -Dansk performance magentocommerce hosting 18. juniMagentohotel.dk er Powerhostings Mere >jQuery i WordPress
29 jan 09
jQuery er allerede indbygget i WordPress, så der er ingen grund til at downloade og implementere det i hvert nyt tema, du går i gang med. Bare indsæt referencen til jQuery før kaldet til “wp_head()” i header.php. Referencen til jQuery indsættes nemt med følgende tag:
< ?php wp_enqueue_script('jquery'); ?>
Runde hjørner med jQuery
27 nov 08
Pænt afrundede hjørner i webdesign laves på klassiske vis med grafikstumper i top og bund af de bokse, der ønskes afrundede. Denne metode har imidlertid ofte den ulempe, at den kræver ekstra opmærkning, der ikke nødvendigvis giver mening, skaber rod i koden samt kræver indlæsning af ekstra grafik, som er med til at sløve indlæsningstiden af websitet.
Slip for unødig grafik og HTML Med javascript kan man imidlertid undgå både ekstra opmærkning og grafik. Dave Methvin har lavet et plugin til javascript-biblioteket jQuery, som kan netop dette. jQuery er et glimrende letvægts-javascript framework, der gør det nemt for designere med begrænset kodeerfaring at Mere >
Få søgeboksen til at foreslå resultater on the fly
17 nov 08
Kender du Google Suggest? Google’s forsøgsvise funktionalitet, der vha. AJAX kan forslå søgeresultater imens brugeren skriver i søgefeltet. Nu kan du nemt selv lave en lignende funktion på dit eget website, helt uden programmering. Sikbox har nemlig lavet koden for dig.
Sikbox leveres som standard med 6 forskellige “skins”, men kan styles efter forgodtbefindende med CSS. Sikbox er baseret på jQuery og får sine resultater fra Yahoo’s søgemaskine.
Mit navn er Morten Brunbjerg Bech. Jeg er webdesigner, front end udvikler og bibliotekar på Horsens kommunes biblioteker. Netsans er min porteføljemappe, sandkasse og huskeseddel.