Ja, da kan jeg si at jeg føler meg friskere!

Fikk brev fra legen i helga om at han ville jeg skulle inn igjen i dag for å ta prøver igjen, fordi jeg har visstnok et “rimelig kraftig” mononukleoseangrep. Men etter prøvene i dag så viste det seg at ihvertfall de hvite blodlegemene mine er tilbake på et “akseptabelt” nivå. Visstnok var det skyhøyt. Gutta som kan jobben sin det! (BÅDE legen og de hvite blodcellene mine!)

div. blodceller

Ellers har jeg vært hos veterinæren med Bonnie i dag. Stakkars jenta har ikke vært helt seg selv den siste tiden. Eller, jo, hun har jo det. Bare at hun har vært litt rar. Fant ut at det kan være mest sannsynlig pga dårlige tenner forran nede. Så da har jeg bestilt time til de. Alt var ellers helt topp med henne! Skjønner at litt tannverk kan gjøre henne muggen. Hadde vært det sjæl.

Bonnie =)

Men jeg skal si at dette blir den beste jula for min del! Skal koses med digg mat og gaver, og senere skal jeg til dama mi! Hulla! (Syntes du det blir for søtt Bente så håper jeg du har skaffa deg litt insulin fra sykehuset du har besøkt i det siste. Og, forresten, med de bildene du driver å klasker ut så tror jeg klisset mitt faktisk er litt enklere å svelge sammen med frokosten ;P )

Og snart skal vi flytte, Heidi, Caesar, Bonnie og jeg! Det gleder jeg meg enormt til!!

Bonnie og Caesar

Jeg kan ikke ta æren for bildet over her, det er det Heidi som har tatt. Jeg er den som hundene har fokuset på om jeg ikke husker feil.

Jeg “fornærmer” sikkert mange med overskriften, men jeg vet at jeg har det! Så enkelt er det! Jeg sitter her (ofte ligger jeg også, men stå? ÅHÅHÅ!) med den stygge kyssesyken min mens hun faktisk er her hjemme hos meg! Selv om hun hater vannet (Ja, det smaker drit! (rettelse: Jern)), senga mi ekke noe god, maten er værre og alikevel velger hun å pleie meg (og Bonnie, akkurat nå er hun ute å gå tur med Caesar og Bonnie, mens den slasken jeg er sitter her). Fy faen jeg er glad i denne jenta!

Hun har egentlig eksamen den 21. nå, og alikevel er hun her!

Statusoppdatering på kroppen: Jævlig, og halsen har faktisk klart å gå fra jævlig til jævligere, ømmere rundt halsen og generelt jævlig. Nå har jeg fått to lymfekjertler, en på hver side av halsen. Dette blir spennende. Og jeg har blitt tynnere sies det…

Motet er oppe pga jenta mi =)

Ja, da har jeg vært hos legen for 2. gang i år (legevakta forrige uke teller ikke!). Denne gangen er det faktisk kyssesyken kroppen har klart å diske opp med… 3 ganger hurra. Feirer med et beger med melon/pasjonsfrukt Yoghurt. Vanskelig å svelge ting, og så har jeg fått en lymfekjertel på halsen. Mononukleose heter faenskapet sånn egentlig. Det som er utrolig kjedelig er at jeg får jo ikke lov til å gjøre noe fysisk anstrengende på en stund, det betyr ingen trening!! Usj, nå må jeg legge om diett også, slik at jeg ikke eser ut som et fly! Og siden Heidi ikke gidder å lese blogger uten bilder så legger jeg til et helt tilfeldig bilde her.

Da var det kanskje på tide å fortelle hva som har skjedd i livet mitt den siste tiden.

Føler meg ganske lykkelig nå, eller mer enn det, livet har faktisk begynt å forme seg slik jeg har ønsket det. Selv om legen sa for noen dager siden at jeg hadde virusinfeksjon i blodet, men jeg vet hva det er. Det er forelskelse! Vi driter i hva legene sier!

Heidi heter hun. Caesar er navnet på den nydelige hunden hennes. Han er herlig, full av energi og alltid glad! Bonnie er sitt vanlige jeg; gammal og sær. Hun leker, ja, på sine premisser.

Dele??

Heidi, Caesar, Bonnie og jeg skal snart flytte sammen. Med ordet “snart” menes senest februar. De folka som bor der må få fjerna seg selv først, så kan vi tute inn med alt stæsjet vårt. Det gleder jeg meg enormt til! Jeg er utrolig glad i henne!

Vi har praktisk talt bodd sammen i noen uker allerede, enten hos meg eller hos henne. Og jeg vil bare ha mer. Hun reiste nå nettopp… blæh.

Og så har jeg klart å vaske bilen. Utvendig!

Jeg er vanvittig glad i deg jenta mi! Og jeg savner deg!

If you are the guy who uses <div> tag for everything, this post is for you. It focuses on how you can write clean HTML code by using semantic markups and minimize the use of <div> tag. Have you ever edited someone’s templates, don’t those messy tags drive you crazy? Not only writing clean templates can benefit yourself, but your team as well. It will save you time when you have to debug and edit (particularly the large projects).

1. Remove The Unnecessary <div> Tags

I’ve seen a lot of people wrap a <div> tag around the <form> or <ul> menu list. Why create an extra <div> tag that you don’t need? You can achieve the same result by applying the CSS rules to the selector.

Example 1:

The example below shows how you can drop the <div> tag and declare the styling to the form selector.

Example 2:

Sometimes we wrap the content with an extra <div> tag strictly for spacing purposes. The example on the left uses a <div> to create margin space in between the boxes. But if each box has a heading (ie. <h4>), we can simply apply the margin space to the h4 selector and drop the extra <div> tag.

2. Use Semantic Markups

You should always use semantic markups to code HTML documents (ie. <h1> for headings, <p> for paragraph text, and <ul> for list items). So, even when the CSS is not presented nor supported, your document still makes sense.

Example:

The image below compares the rendering differences between <div> markups and semantic markups with no css supported.

3. Minimize The Use of <div> Tags

Have you seen the messy templates where <div> tags are everywhere and they drive you crazy? Have you ever missed a closing </div> tag or have an extra opening <div> tag messing up the entire layout? I’m sure most developers have experienced it before. So, you should always minimize the use of <div> tag if possible. It will make debugging and editing easier.

Example 1:

Instead of using <div> tag for breadcrumb navigation, it makes more sense to use <p> tag.

Example 2:

The following example shows how I can use CSS to cut down two <div> tags by replacing with one <span> tag. They both produce the same layout.

4. Format (Indent) Your Code

You should always format your source code (ie. indent your nested elements) so it is easier to read and debug. If you have Adobe Dreamweaver, you can easily format the code by using the Commands > Apply Source Formatting (from the application menu).

5. Comment The Closing </div> Tags

When coding for platform templates (ie. WordPress themes), the template is most likely splitted into several files: index.php, header.php, sidebar.php, and footer.php. Hence, you should always make a comment for the closing </div> tags so you won’t get lost. For example, when I see </div><!-- /wrapper -->, I know it is the closing tag for <div id="wrapper">.

Example:

I usually insert a HTML comment tag right after the closing </div> tag. I use the forward slash to indicate it is the closing tag.

Difficulty Level: Medium

Time Required: 5 minutes

So. If you’re like me you have been messing around a lot lately with some awesome Javascript Libraries, the most prominent of libraries being jQuery and mootools. I was messing around with the mootools Fx.Slide plugin earlier today and noticed that with the included JavaScript I couldn’t start with my sliding divs closed, or collapsed.

We’re going to add some code to the demo.js (<- download link) right now, and have JavaScript invoke a collapse onload.

I could go into further detail, but  I just wanted to post so someone else wouldn’t have to search Google for 30 minutes. The results I found were either a ridiculously complicated fix, to pay for a ‘solution‘ or just mean forum-sters “owning a n00b”.

Anyways. It’s a very, very simple fix (thanks to pr0digy.com) so just go ahead and drop this code into your JavaScript file, or your <head> if you’re not linking.

var collapsible = new Fx.Slide($('target-element'), 
{
        duration: 0,
        transition: Fx.Transitions.linear
});

collapsible.toggle();

You can change the “duration” to however many millisecond you want it to be, i chose 300 because if it is set any lower, it looks like there is a bug on the page, with the quick jerking of the collapse function.

I used this code from pr0digy.com to have my ‘vertical_collapse‘ default div name from the mootools Fx.Slide demo collapse. Here is MY final product.

//-starts collapse
var collapsible = new Fx.Slide($('vertical_slide'), {
duration: 0,
transition: Fx.Transitions.linear
});
collapsible.toggle();

//-starts collapse		var collapsible = new Fx.Slide($('vertical_slide'), {        duration: 300,        transition: Fx.Transitions.linear});
collapsible.toggle();

Good Luck!

Vu que j’en ai marre de fréquemment recoder cette petite fonction (ou la chercher sur le net), je la blogue une fois pour toute !

/*
Bascule l'affichage d'un élément div dont la propriété css display a été préalablement positionné sur none.
*/
function toggleDiv(divid){
 var div = document.getElementById(divid);
 div.style.display = div.style.display == 'block' ? 'none' : 'block';
}

Lien vers le site où je l’ai trouvée.

Ja da var turen til Stockholm unnagjort. Maiko og jeg reiste lørdag 14 nov for å få henne parret.
Det tok sin tid før hun kom langt nok i løpetiden. Hun ble parret på den 19 dagen, men det er jo ikke uvanlig på shiba.
Så nå må vi smøre oss med tolmodighet en stund fremover før en kan si om hun er drektig eller ikke.
ZZ (Honto-no  ZZ-Top ) og Maiko fant tonen med en gang og de ble virkelig gode venner.
Forøvrig var det flere hunder i huset, ialt 6 voksne og en valp (14 dager). Det å ha så mange hunder i huset som 8+1 var ingen problem men vi følte oss kansje som om vi bodde på Fort Nox . Men det gikk over all forventning og ikke noe bråk overhode.

Sopp tur ble det også, mye sopp. Selv har jeg ikke vært på sopptur tidligere, men det ble mye traktkantarell og noen gule kantareller.

Tusen takk til Helene og Owe for deres gjestfrihelt og at dere holdt ut med oss en uke.

Mer om kombinasjonen ligger ute på min hjemmeside.

Virkelig kompiser

Blir sliten av å være på date.

Here are some tips on how to make your markup code lighter and easier to read.

Coding Clean and Semantic Templates

If you are the guy who uses <div>tag for everything, this post is for you. It focuses on how you can write clean HTML code by using semantic markups and minimize the use of <div>tag. Have you ever edited someone’s templates, don’t those messy tags drive you crazy? Not only writing clean templates can benefit yourself, but your team as well. It will save you time when you have to debug and edit (particularly the large projects).

“Die grosse Stille” av Phillip Gröning er en ganske makeløs liten film om hverdagslivet i et karteuserkloster utenfor Grenoble. Den er ikke så liten, heller, forresten: To timer og førti minutter. Med stillhet.

Nyutnevnt talsmann for den tenkende delen av kirkenorge, Eskil Skjeldal, har allerede skrevet en svært vakker og innsiktsfull kommentar til filmen; smak for eksempel på dette utdraget:

De ulike skikkelsene under de store kappene blir vi aldri bedre kjent med. Vi får et ca 10-15 sekunders nærbilde av dem alle stående foran kamera, og det er det. Nysgjerrigheten på hvem munkene er, hva de forlot da de trådte inn i ordenen, får vi aldri slukket. Alt vi får se er menn i munkekutter, som fluer som sirkler rundt Guds evig brennende lampe.

Dette er eksempel på det vakre; det innsiktsfulle får dere lese selv. Jeg trenger m.a.o. ikke si stort, bare anbefale folk å se filmen. Og i samme åndedrag diskré henvise til at hele filmen ligger på Youtube. Velbekomme.

PS: Filmens titel gir jo også en god beskrivelse av tilstanden på denne bloggen. Om jeg har tenkt å skrive mer fremover, vet jeg sannelig ikke, men det kan jo være lov å håpe, eller hva man skal kalle det.

How to center div using CSS both in IE and in FF

In case trying to center a div named ‘container’, we can center the div like below

<body>

<div id=”container”></div>

</body>

/* Define default values for the whole site */

body {
    margin: 0;
    padding: 0;
}

/* Define wrapper division for this page */

#container {
    width: 900px;
    margin: 0 auto;
}

/* Style for FF */

:root #container {
    text-align: -moz-center;
}

Fuentes:

• http://www.chuidiang.com/css/ejemplos_con_float/basico_float.php
• http://www.w3schools.com/css/css_float.asp

article: The Moscow Times

It’s quite common to want to highlight errors in a form entry like this:

This should just be a case of setting the appropriate style, but unfortunately struts doesn’t apply a class to the containing DIV that can be used for that.
As an example, the HTML for the form shown above is (reformatted):

<form id="system-update" name="system-update" onsubmit="return validateForm_system-update();" action="..." method="post"  onreset="clearErrorMessages(this);clearErrorLabels(this);" >
    <input type="hidden" name="systemId" value="Trapdoor" id="system-update_systemId"/>
    <div id="wwgrp_system-update_name" class="wwgrp">
        <span id="wwlbl_system-update_name" class="wwlbl">
            <label for="system-update_name" class="label">        Name</label>
        </span>
        <span id="wwctrl_system-update_name" class="wwctrl">
            <input type="text" name="name" value="Trapdoor" id="system-update_name"/>
        </span>
    </div>

    <div id="wwgrp_system-update_type" class="wwgrp">
        <div id="wwerr_system-update_type" class="wwerr">
            <div errorFor="system-update_type"    class="errorMessage">
                You must enter a value for the system type.
            </div>
        </div>
        <span id="wwlbl_system-update_type" class="wwlbl">
            <label for="system-update_type" class="errorLabel">        System Type</label>
        </span>
        <span id="wwctrl_system-update_type" class="wwctrl">
            <input type="text" name="type" value="" id="system-update_type"/>
        </span>
    </div>

    <div id="wwgrp_system-update_0" class="wwgrp">
        <span id="wwlbl_system-update_0" class="wwlbl">
            <label for="system-update_0" class="label"><br></label>
        </span>
        <span id="wwctrl_system-update_0" class="wwctrl">
            <input type="submit" id="system-update_0" value="Save"/>
        </span>
    </div>
</form>

What we need to do is set a style on the “wwgrp_system-update_type” DIV, which is identifiable as the parent of a DIV of class “werr” and the parent of a SPAN containing a LABEL of class “errorLabel”, but otherwise has no identifying class.

The solution is a simple bit of javascript:

function errorHighlightHandler()
{
    var s = document.getElementsByTagName('label');

    var str = '';
    for(var i=0;i<s.length;i++)
    {
        if( s[i].className == 'errorLabel' )
        {
            str+=s[i].parentNode.parentNode.className+'  ';
            s[i].parentNode.parentNode.className += ' errorContainer';
        }
    }
}

window.onload = errorHighlightHandler;

Just add a SCRIPT tag to include that in your HTML and the containing DIV will have a class you can style.
Here’s the result as seen in Firebug, showing the dynamic class applied to the DIV:

Caveat: This works for round-trip validation, if you use AJAX validation you may need to hook something other than window.onload to run the script.

Good morning.

3 years before, my boss wants me to develop a code for the below menu at mouse click.

i have to just show and hide the submenu.  Now i need a code to simple hide and show the divs and change the class for the tabs also.

I made too many functions -> Show_home(); Show_cat(); Show_friend(); Show_myaccount(); Show_upload()

and simple hide and show the divs and change the class dynamically. Lets assume id is same as the menu name and id for submenu is _sub followed by menu name  (for home, menu id is home and submenu id is home_sub).

Code was:

function Show_home()

{

This is only the first function (10 lines). You can assumed that how many lines of code i wrote (50 – 60 lines).

Code was working properly in all the browsers but i was not satisfied with my code. Writing a huge coding for just displaying divs and changing class is the worst practice.  I need to improve it and make it more clear and less in code.

Then i developed the new solution using Arrays in javascript. It can be done with the help of CSS but :focus don’t work properly in IE (onclick).  New Code was small and worked properly.

New Code:

var active;

function localajax(active)
{
	var topmenu= new Array("home","category","friend","myaccount","upload");
	for(x in topmenu)
	{
		if(topmenu[x]==active)
 		{
			document.getElementById(topmenu[x]).style.display='block';
			document.getElementById(topmenu[x]+'_sub').className='active';
 		}
		else
 		{
			document.getElementById(topmenu[x]).style.display='none';
			document.getElementById(topmenu[x]+'_sub').className='Notactive';
 		}
	}
}

Last night…We(Cricket lovers is the family) had fight with family members (“Sas Bahu Serial Lovers).. They wanted to see the Serial “SAS BHU Type” and we wanted to watch cricket match…Blasting performance by Sachin tendulker.

Jau, da var det ferdig. Halloween, allehelgensaften, etc. Hadde det knallbra! Dro på fest hos Anne.

De siste par ukene har også vært utrolig bra! Jeg bare sitter her og koser meg masse for tiden og er bare glad! Kribler i magen gjør det også! Deilig!

Have you ever dealing with div just to centralise the div on your user interface?

Fret not, I have just dealt with it when trying to design a website.

Basically, you will type such css codes to align your div to center.

margin: auto;
padding: auto;

But however, it works on Mozilla Firefox and Google Chrome. Internet Explorer on the other hand, mess the alignment and it will actually align to the left. So how do I align the div to the center.

Simple, remove any headers to your html files or php files and replaced it with

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>

Viola!

Det kommer seg det kommer seg. Med mye trykking frem og tilbake tror jeg at jeg nå har skjønt det med oppdateringer. Men fortsatt er det mange utrykk her som jeg ikke helt skjønner. Det eneste som står igjen nå er bilder.

Klarte også å få Hilde til å lage en blogg

Dette er nytt for meg og trenger sikkert masse trening for at dette skal fungere. Noe sletting og justeringer blir det helt sikkert.

Så følg med, det skjer litt av hvert i hverdagen hos oss.

SNIPPLR

Snipplr is a public source code repository that gives you a place to store and organize all the little pieces of code that you use each day.

MockFlow

Create and collaborate (in real-time) interactive UI mockups for your software and websites.

ecsstender

Take control of your CSS Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.

10 Utile Resources For Web Designers and Developers | TutorialFeed.

…hva vil dere at jeg skal skrive om?

* jenter
* gode treningstips
* sjekketriks
* blogging på norsk
* om meg selv
* om spennende ting jeg har på listen
* om dere )
*

pdf file