40 besökare och 3 kunder online

Medlemsinloggning

Studentinloggning

Javascript

• Information om Javascript
• jQuery, AJAX och DOM
• Popupfönster
• Datum och tid
• OnMouseOver - Rollover
• Menyer
• Användarinfo
• Lösenordsskydd
• Formulär - forms
• Blandat

TIPS! Testa scripten när du lagt in dem i din egen HTML-kod genom att visa alla eventuella scriptfel.

Internet Explorer:
Välj menyn "Verktyg/Internet alternativ" och fliken "Avancerat". Längst ned i menyn finns alternativet som gör att du kommer att få ett felmeddelande med hänsvisning till vilken rad i Javascriptet felet finns:




Firefox:
Välj menyn "Verktyg/felkonsol" för att öppna fönstret som visar felmeddelanden:

• Automatiskt Popup-fönster »Ett fönster i bestämd storlek som öppnas automatiskt när en webbsida laddas in i webbläsaren.
• Cookiekontrollerat Popup-fönster som bara öppnas en gång »Ett fönster i bestämd storlek som öppnas automatiskt när en webbsida laddas in i webbläsaren. Här kontrollerad av en cookie-fil som ser till att den bara visas för samma användare 1 gång.
• Popup-fönster som öppnas med länk »Ett fönster i bestämd storlek som öppnas via klickning på en text eller bildlänk
  Prova här
• Popup-fönster med timer »Ett fönster i bestämd storlek som öppnas efter ett angivet antal sekunder efter att en webbsida laddas in i webbläsaren.
• Centrerat Popup-fönster »Ett fönster i bestämd storlek som öppnas centrerat i mitten av bildskärmen.
• Dominant Popup-fönster »Ett fönster i bestämd storlek som alltid ligger överst, måste stängas för att försvinna.
• Fullskärmsfönster »Öppna ett fönster som täcker hela bildskärmen och är helt utan menyer och verktygsfält.
• Stäng Popup-fönster med länk »Stäng Popup-fönster eller "vanliga" webbläsarfönster med länk istället för att använda menyer.
• Stäng Popup-fönster automatiskt »Stäng Popup-fönster eller "vanliga" webbläsarfönster automatiskt efter en angiven tid.
• Klicka var som helst för att stänga Popup-fönster »Stäng Popup-fönster när besökaren klickar utanför Popup-fönstret!
• Dölj bläddringslisten i webbläsarfönstret  »Tar bort bläddringslisten i webbläsaren när sidan laddas eller vid klick på en länk.

• Veckodag och datum »Visar veckodag, datum och månad.
• Veckodag, datum och år »Visar veckodag, datum, månad och år
• Dagens tips »...eller dagens ordspråk. Ett för varje dag i månaden.
• Dagens bild »Visa olika bilder veckans alla dagar.
• Byt sida varje veckodag »En utvald sida visas beroende på veckodag.

• OnMouseOver med rolloverbild »Rollover-effekt när du för musmarkören över en bild byts bilden ut. Används ofta i menyer.
• OnMouseOver med popupbild - exempel 1 »Rollover-effekt med popupbild i samma poisition
• OnMouseOver med popupbild - exempel 2 »Rollover-effekt med popupbild i olika position
• RollOver med inforutor - overLIB  »Popup- och inforutor i alla möjliga varianter!
• RollOver-tabell »Byt färg genom att föra muspekaren över celler, rader eller hela tabellen.
• RollOver-textruta »Byt färg på text, bakgrund mm genom att föra muspekaren över ett formulärfält med egenskapen "textarea".

• DropDown-meny »Listruta med menyval. Ett bra alternativ när man vill göra en översikt över webbplatsen
• DropDown-meny 2  »Som ovan men med möjlighet att öppna länkar både i ramar (frames) och i hela webbläsarfönstret.
• CSS-meny »TIPS! CSS ger alla möjligheter till snygga menyer som dessutom är skalbara och fungerar på andra plattformar än PC.
• PHP listmeny »TIPS! Expanderande listmeny med huvudmeny och undermenyer.

• Ändra storlek på webbläsarfönstret »Ändra enkelt fönsterstorlek genom klickning på länk. Bra att ha vid test av olika upplösning på webbsidor.
• Skärmupplösning »Ger information om vilken upplösning användarens dator har.
• Antal besök »Ger information om hur många gånger någon besökt din webbsida.

• Lösenordsskydd » Ett enkelt lösenordskydd där namnet på mappen HTML-sidan ligger i är detsamma som lösenordet.
• Lösenordsskydd för flera olika användare » Ett enkelt lösenordskydd med möjlighet att ange flera olika AnvändarId och Lösenord för access till olika sidor.

• Kontrollera CapsLock-funktionen » Meddelar om CapsLock-tangenten är aktiverad. användbar till lösenordsfält där lösenordet är "case sensitive"....
• Avaktivera "skicka-knappen" » Genom att "submit-knappen" avaktiveras och inte kan användas mer än en gång per besök undviker du att besökaren skickar samma formulär flera gånger.
• "Skicka" till "Skickar formulär..." » Genom att "submit-knappen" namnändras till "skickar formulär..." förstår användaren att fler klickningar inte behövs på knappen.
• Summering av positiva tal » Enkel summering av värden där summan visas automatiskt vid inmatningen av talen.
• Validering av att fält är ifyllda » Kontrollera att användaren fyllt i de fält som du angivit som obligatoriska. Även epostfält kontrolleras om @ använts i adressen.
• Validering av att fält är ifyllda 2  » Kontrollera att användaren fyllt i de fält som du angivit som obligatoriska. Även epostfält kontrolleras om @ använts i adressen. De fält som inte är ifyllda visas i ett meddelande.
• Textmarkören i formuläret » Placerar textmarkören direkt i formuläret när sidan laddas.
• Validering av email » Kontrollera att epostadress är giltig.

• Dölj bläddringslisten i webbläsarfönstret  »Tar bort bläddringslisten i webbläsaren när sidan laddas eller vid klick på en länk.
• Utskriftslänk »Klicka på en vanlig hyperlänk och dialogrutan "Skriv ut" öppnas.
• Bryt ram »Ett script som förhindrar att din hemsida/webbsida visas i någon annans ram/frame.
• Laddar alla sidor i ramar (frames)Ett script som förhindrar att någon av dina sidor i webpatsen öppnas ensam utanför de ramar som de ska ligga i.
• Byta bakgrundsfärg » Ett bra script om du vill testa hur olika bakgrundsfärger gör sig till den text och grafik du tänker använda på dina webbsidor. Här är det kompletterat med en HEXDEC Färgkarta som inte ingår i scriptet.(OBS länken öppnar sidan i nytt fönster)
• Sidtitelscroller »Skriver sidans titel som en "typewriter-effekt