Archive for JavaScript Allows dynamically user experience

jQuery – append to table rows

If you use jQuery for everyday, it might be wonderful to learn how you can do an “append” for your tablet without your lines goes amork.

Even I have started using a very smart method which makes I can remove tr’s without my rows / fields breaks down.
Read more

slideTroggle – jQuery

Har længe ledt efter en måde at lave “slideup” og “slidedown” på i jQuery, faldt tilfældigvis over denne stump kode, som gør netop det som jeg altid har kodet mig ud af, nu klares det bare på en linje isted for 10 (:

<button>Toggle</button>
 
  <p>
    This is the paragraph to end all paragraphs.  You
    should feel <em>lucky</em> to have seen such a paragraph in
    your life.  Congratulations!
  </p>
<script>
    $("button").click(function () {
      $("p").slideToggle("slow");
    });
</script>

Check element is visible – jQuery

Står du og mangler en måde hvor på du kan se om dit element faktisk er lavet allerede eller om det er skjult? Ja så er der med jQuery en ganske simple måde at gøre dette på.

1
2
3
4
5
6
if( $('#element').is(':visible') ) {
// hvis element findes gør nået her.
}
else {
// hvis element ikke findes gør nået her.
}

Hvis du ønsker at finde ud af om det element du skal have vis eks. er hidden så kan du undersøge det ved hjælp af dette.

1
2
3
4
5
6
if( $('#element').is(':hidden') ) {
// hvis dit element er hidden gør nået her.
}
else {
// hvis dit element ikke er hidden gør nået her.
}

Javascript variable types

I Javascript er der 5 typer det er undefined, null, boolean, number og string, du kan se følge eks. hvad der er hvad og hvordan man kan finde ud af det ved at poste det i en alert boks.

[javascript]
// Opretter variable.
var oTmp;

// Hvis den er undefined
alert( typeof oTmp );
// om den er sat true / false ved undefined
alert( oTmp == undefined );

/**
* Hvis den retuere et value vil den være false ellers vil den være true, hvis Javascript
* functionen ikke retuere nået er den undefined.
*/
function fnTmp()
{
}
alert( fnTmp() == undefined );

/**
* Hvis null ikke er deinfert vil den være true, og null er aldrig definert så derfor vil
* den altid være true.
*/
alert( null == undefined );

/**
* Hvis bFound bliver sat til 0 vil det svare til false, der kan også sættes bFound til
* true eller 1.
*/
var bFound = false;

/**
* en Number type kan indeholde både 32bit og 64bit tal, nenden for her kan se hvordan
* de forskellige tal vil se ud med en kommentar oven for sig.
*/
var iNum1 = 55; // 55
var iNum2 = 070; // 56
var iNum3 = 0x1f; // 31
var iNum4 = 0xAB; // 171
var iNum5 = 5.0; // 5.0
var iNum6 = 3.125e7; // 31.250.000 ( 3125e7 = 3125 i 7ene )
alert ( 10e5 );
[/javascript]

Pre definer Javascript variabler

I Javascript kan det hurtig blive uoverskuligt over hvad for nogle variabler der er defineret som string og hvad for nogle der er defineret som array’s derfor er det en god ting et pre-definer sine varaibler.

Her er der en lille guidt til hvordan man kan pre-definer sine variabler i Javascript

Array a aValues
Boolean b bFound
Float ( Number ) f fValue
Function fn fnMethod
Integer ( Number ) i iValue
Object o oType
Regular Expression re rePattern
String s sValue
Variant ( can be any type ) v vValue

Håber denne liste kan hjælpe jer med enten at få selv en overskulige kode i Javascript eller med til at forstå kode som andre skriver til jer.

Sortering af JavaScript array

Når man gerne vil sortere et array eks. a, b, c, d osv.. kan det nemt lade sig gøre

Det enste der skal gøres her er at du skal lave et JavaScript Array

[javascript]
var myArray = new array(5);
myArray[0] = “demo”;
myArray[1] = “array”;
myArray[2] = “hallo world”;
myArray[3] = “test”;
myArray[4] = “support”;
[/javascript]

efter du har lavet dit Array kan du køre en sort på den så det kommer i alfebetisk med a – z ved hjælp af dette

[javascript]
myArray.sort();
alert( myArray );
[/javascript]

Skulle du ønske at sortere det z – a isted for skriver du dette.

[javascript]
myArray.sort();
myArray.reverse();
alert( myArray );
[/javascript]