NYE KOMMENTARER

Her har jeg samlet et antal aktuelle bemærkninger, som emnemæssigt overhovedet ikke hænger sammen, og således fuldstændig bryder med almindelige principper om kun at lade en blogpost beskæftige sig med én ting … men hver især har ikke ‘kød’ nok på til at berettige et selvstændigt indlæg.

• Denne blog har (i går) 2 års fødselsdag – med lidet imponerende 143 indlæg i alt.
• Jeg har tilføjet en plug-in, som laver Archives-listen i sidebaren til højre om fra en kedelig listning pr måned til en folde-ud/klap-sammen liste a la Blogger. Ikke helt nemt, da bloggen ikke er moderniseret til at anvende WordPress widgets, så enhver simpel ændring kræver lidt kodning – og som tidligere nævnt er dette ikke rigtig min boldgade. Men det lykkedes næsten (der burde ikke være liste-bullets ud for pilene, men jeg har ikke fundet ud af at fjerne dem).
• Mht. rygestop: jeg har forsøgt at motivere mig med både blogposts og status-meddelselser på Facebook, men det er desværre ikke rigtig lykkede, at holde endegyldigt op igen. “Ånden er redebon, men kødet er skrøbeligt”
• Derudover er indtruffet en privatøkonomisk temmelig gruopvækkende hændelse, men emnet er mere privat end personligt, og derfor slet ikke egnet til publicering.

Har brugt flere timer på forskellige experimenter med implementeringen af denne blogs ‘tag cloud’ i sidebjælken til højre, men læseren kan næppe se nogen som helst iøjnefaldende forandring. Der er lavet adskillige udgaver af tag cloud plugins til WordPress, og jeg har efterhånden prøvet mig frem med en del forskellige, men er vendt tilbage til den første igen!
De øvrige afprøvede viste sig alle at indebære en eller flere uhensigtsmæssigheder og/eller direkte fejl/mangler, fx mht. indstilling af farver og angivelse af antal for de enkelte kategorier – den allerførst anvendte var faktisk overlegen på disse områder, efter at jeg havde lært at ‘tweake’ koden lidt mere, end jeg kunne til at begynde med. Da jeg jo ikke er nogen ørn til programmering (og ikke har ambitioner om at blive det), kan jeg ikke straks identificere de linier, der skal omskrives for at få det ønskede resultat, men er nødt til at bruge en del tid på trial-and-error.
Når slutproduktet så ikke er mere påfaldende end som så, men ender tæt på udgangspunktet, nærmer processen sig futilt arbejde i betænkelig grad – og (som i øvrigt tidligere anført): jeg kan virkelig ikke lide at arbejde forgæves.
Anyway, min tag cloud er mere tilfredsstillende for mig selv nu, end den var i går – ‘code is poetry’, som de siger hos WordPress, men det er f***me også tough.

I dag har jeg leget en smule både med denne blog og mit website.
1) Bloggen har fået tilføjet knap på alle blogposts mhp. let at kunne dele emnet vha. sociale bogmærker. Dette er rørende nemt, og kan gøres helt uden kodning, blot med en plugin hentet her.
Knappen kan fås i adskillige varianter, afhængig af om den skal bruges til website eller blog – og til hvilken blogplatform.
2) Et emne, som går igen de fleste steder, hvor der rådgives om ‘god webskik’, er fordingen om at brugeren altid med lethed kan se hvor han/hun er, og hvordan man – om ønsket – kan komme tilbage til forsiden (‘hjem’).
Denne navigation kræver en ‘brødkrummesti’, atså en visuel indikation af sted og vej i sitets hierarki. Mht. mit eget site er det overordentlig nemt at rundt, da der ikke er ret mange underniveauer, og navigationen frem og tilbage kan ske vha. browserens indbyggede knapper – men alligevel googlede jeg efter ‘breadcrumb navigation for any website’ og fandt dette:

<script>&lt;br /&gt;
&lt;!--&lt;br /&gt;
//Bread crumb script - Kevin Lynn Brown&lt;br /&gt;
//Duplicate directory names bug fix by JavaScriptKit.com&lt;br /&gt;
//Visit JavaScript Kit (http://javascriptkit.com) for script&lt;br /&gt;
var path = "";&lt;br /&gt;
var href = document.location.href;&lt;br /&gt;
var s = href.split("/");&lt;br /&gt;
for (var i=2;i&lt;(s.length-1);i++) {&lt;br /&gt;
path+="&lt;a href="\" mce_href="\"""+href.substring(0,href.indexOf("/"+s[i])+s[i].length+1)+"/\"&gt;"+s[i]+"&lt;/A&gt; / ";&lt;br /&gt;
}&lt;br /&gt;
i=s.length-1;&lt;br /&gt;
path+="&lt;A HREF="\" mce_HREF="\"""+href.substring(0,href.indexOf(s[i])+s[i].length)+"\"&gt;"+s[i]+"&lt;/A&gt;";&lt;br /&gt;
var url = window.location.protocol + "//" + path;&lt;br /&gt;
document.writeln(url);&lt;br /&gt;
//--&gt;&lt;br /&gt;
</script>

Kodestumpen indsættes blot dér, hvor man ønsker navigationen – altså skal den laves på hver enkelt side, så som en spæd begyndelse (og vellykket experiment) har jeg indføjet scriptet på en enkelt side.
At det kan gøres så simpelt overraskede mig en hel del – tak til ophavsmanden … og selvfølgelig tak Google

Det ‘forpligtende’ menupunkt Today’s Joke er efterhånden opdateret over 30 gange, og jeg er blevet lidt træt af at skulle finde noget nyt hvér eneste dag. Der er masser af kilder på internettet til sådanne vittigheder, men jeg er ikke ukritisk – bruger jeg én, skal jeg selv synes den er morsom, og det krav opfylder kun et mindretal. (Selvfølgelig skal den også være offentlig tilgængelig uden copyright).
For at slippe nemmere ledte jeg efter en metode til at vise billeder randomiseret fra en ‘pool’, og fandt en side, hvor en William Bontrager viser en meget nem Javascript-metode med blot få liniers kode til formålet.
Først dette i header:

<script type="text/javascript" language="JavaScript">
<!-- Copyright 2002 Bontrager Connection, LLC
NumberOfImagesToRotate = 34;
FirstPart = '<img src="pics/joke_files/jokes/joke';
LastPart = '.jpg">';

function printImage() {
var r = Math.ceil(Math.random() * NumberOfImagesToRotate);
document.write(FirstPart + r + LastPart);
}
//-->
</script>

Funktionen kaldes så i body:

<script type="text/javascript" language="JavaScript"><!--
printImage();
//--></script>

Efter lidt trial-and-error fik jeg det til at virke perfekt med netop den kode, der er gengivet her – jeg har kun de første 34 vittigheder i ‘bunken’ der vælges fra, men det er let at tilføje nye efterhånden, navngivet som beskrevet i artiklen, der henvises til, samt ændre antallet i NumberOfImagesToRotate.
‘Code is poetry’.

Sidst jeg skrev om min Blogger vs WordPress var konklusionen, at jeg holdt for meget af Beckett-layoutet og de modifikationer, jeg havde lavet dér, til at skifte over til WordPress.
Den beslutning har jeg hermed allerede ændret – jeg fandt temaet lavet til WordPress (uden kildeangivelse, det har jeg rådet bod på i sidebaren), og har omdannet det på stort set samme måde. Temaet er ikke ‘widget ready’, men jeg fandt en plug-in, som kunne lave tag-cloud på grundlag af kategorier, og installeres.
Hele processen har efterhånden strakt sig over nogle timer, så Jerry’s fødselsdag er slut og min startet … og jeg har rodet med mere PHP/HTML, end jeg på forhånd troede kunne være spændende.
Wordpress anfører sloganet

code is poetry 

og det er lige før, jeg tilslutter mig udsagnet! Resultatet af anstrengelserne tilfredsstiller ihvertfald mig, men døm selv.
Min ‘nye’ blog er hermed født og indviet.

‘Faldt’ over en side, som forklarer hvordan man undgår at email-adressen falder i kløerne på spambots, som automatiseret pløjer igennem tusinder af websites html, for at udtrække email-adresser til brug for ‘bulk marketing’ og det, der er værre. Mac’ens Mail er ret god til at smide den slags i ‘junk mail’ (‘reklamer’ på dansk) postkassen, og man kan selv gøre en del for at undgå den slags, men hélt undgå det er næppe muligt? (Typiske exempler er tilskyndelser til ‘givtige investeringer’, casinospil, receptfri Viagra og porno).
Et vigtigt element af enhver webside, uanset om den skal sælge varer eller måske bare sig selv, er selvsagt at informere om, hvordan man kommer i kontakt med den der står for siden. Men er éns adresse først kommet i køerne på en spambot, bliver de få junk mails til flere hundrede om dagen!
Det giver nævnte side råd for – et lille script kaldes og den ‘almindelige’ html-linie (det ville selvsagt være tåbeligt at bruge indholdet ordret her):
(a href="mailto:nobody@fake_address.com")MAIL(/a)
er nu erstattet af:(script)mail2("nobody","fake_address",14,"","MAIL")(/script)Det virker som det skal ved klik (åbner mailprogram med ny mail med den rigtige adresse) – og jeg gad nok se den spambot, som kan få noget forståeligt ud af linien!
Erstat ( med < osv. – kan ikke få 'lov' at skrive det, selv som code.

Min netop oprettede tag-cloud var skæmmet af, at første ord stod rykket lidt ind på linien. At den i øvrigt står venstrestillet trods angivelse af centrering kan jeg leve med, men første linies indrykning var iøjnefaldende og grim. Og jeg kunne ikke gennemskue årsagen til denne lille ulempe.
Søgte i koden og prøvede mig frem – forgæves, lige ind til jeg trodsede denne ret explicitte tekst om, at dette skulle man ikke pille ved:
#labelCloud .label-cloud li:before{content:"" !important}<br />
Fjernes denne linie helt, fjerner man også det omtalte problem.

Denne blogs html er igen ændret en smule på følgende punkter:

1) Navigation bar er igen gemt (af grafisk/æstetiske hensyn) ved at indsætte kodestumpen

#navbar-iframe, #b-navbar{
visibility: hidden;
display: none;
height: 0px;
}

2) Jeg faldt endvidere over en anden udgave af den anvendte blogskabelon (Beckett), som havde linier for indsættelse af kode-tekst som illustreret ovenfor.

3) Den modificerede skabelon har også punktet ‘blockquote’, som tager sig sådan ud:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Næppe noget, jeg kommer til at bruge ret meget, men Blogger’s redigeringsværktøj indeholder selv denne option, og nu kan den bruges – som skabelonen var før, stod den således indsatte tekst ganske som de øvrige linier.

Min underside på nerderiet.dk har gennem længere tid haft et link kaldet ‘slideshow‘, som loadede et (externt) slideshow i Flickr med en særdeles blandet samling gamle billeder. Før showet overhovedet gik i gang var der temmelig lang ventetid, før bare en load-status blev vist, og derfor har jeg indsat en ‘mellemside’, som advarer brugere om den langsomme hastighed.
Nu er ordet ‘slideshow’ blevet til flertal, og der er 2 valgmuligheder på denne side, da jeg har anvendt programmet SlideshowPro til at generere et Flash-show med mine gamle Madeira-billeder. Det krævede redigering af en .xml-fil – selve Flash-delen lykedes det ikke (i hvertfald vellykket) at røre ved. Jeg viser ikke resultatet hér i bloggen, men linker i stedet til selve siden.

Dagens arbejde på mine sider af nerderiet har i høj grad levet op til fælles-domænets navn.
Som nævnt i forrige blogpost har jeg implementeret et nyt Flash-show og derfor lavet en side, hvor man kan vælge mellem det nye og ‘det gamle’. Sidens indhold er lavet ved hjælp af Flash Text – en (for mig) ny opdagelse, som gør det muligt at anvende mange andre fonte og størrelser end de sædvanlige, få ‘websafe’ skriftsnit (til gengæld gør dette indholdet ret søgemaskinefjendtligt, men det er vel ret beset ligegyldigt for en ‘personlig’ side?)
De få tekststumper og en ’tilbage’-knap blev placeret centreret, men ved test i diverse browsere konstaterede jeg, at Flash-teksten stod venstrestillet i visse Mozilla/Gecko-browsere (dog ikke alle…)! Problemet optrådte ikke i webkit-browsere som Safari, og i øvrigt heller ikke i Internet Explorer på Windows. HTML-koden angav udtrykkeligt p align=”center”. Alt i alt altså ret mystisk. Løsningen fandt jeg ved at sammenligne med en lignende side – en div align=”center” tag skulle tilføjes oveni.
Og for overhovedet at kunne beskrive dette, er jeg nødt til at lade < og > være underforstået