Kodeeksempler i kategorien 'JAVASCRIPT' (78 totalt)

Dersom du prøver å validere en XHTML side i validator.w3.org vil du kunne oppleve validator -feil i ditt JavaScript. Løsningen på dette er å legge inn CDATA kommentar, se kodeeksempel.  

Her er et kodeeksempel på hvordan man kan vise en Confirm Yes/No dialogboks ved bruk av OnClientClick. Bekreftelsesboksen vises kun dersom en CheckBox med navn "chkDelete" er avkrysset.  

Dersom man dobbeltklikker på feks en asp:button kontroll som skal lagre data i en database vil man kunne oppleve at data lagres flere ganger. Her viser vi hvordan man kan forhindre dette ved hjelp av et javascript. Koden fungerer ved bruk av valideringskontrollene i .NET samt bruk av ValidationGroup.  

Dersom du benytter deg av de innebygde validatorkontrollene i ASP.NET, og samtidig trenger å gjøre en validering ved hjelp av et eget javascript, kan man oppleve en konflikt. Feks kan man oppleve at enten så fungerer kun validatorkontrollene, eller så fungerer kun ditt eget javascript. Løsningen på dette er å sørge for at validatorkontrollene kjører først, deretter kjører vi javascript valideringen. Her viser vi et kodeeksempel som validerer et tekstfelt vhja validatorkontrollen asp:RequiredFieldValidator, deretter kjører vi et javascript som gir brukeren en Confirm() dialog som må bekreftes dersom en checkbox er avkrysset.  

Her viser vi hvordan man kan vise en bekreftelsesboks når en asp:button klikkes på. Dette er en fin måte å få en bruker til å bekrefte at man vikelig ønsker å feks slette innhold.  

Her viser vi hvordan man ved hjelp av javaskript kan sjekke om en asp:CheckBox er valgt (avkrysset) når man klikker på en asp:Button. Det kan være hensiktsmessig å gjøre en slik sjekk på klientsiden hvis man ikke ønsker at serserside koden skal kjøre før en bruker har bekreftet dette, dersom feks en checkbox er avkrysset.  

Denne koden viser hvordan man kan vise en bekreft boks (Confirm Yes/No) dersom et tekstfelt er blankt når man klikker på en knapp. Ved hjelp av javascript og getElementById finner vi tekstboksen og sjekker om den har innhold. Har den det vises vi en confirm boks der brukeren må bekrefte ved å trykke på yes / no.  

Her viser vi hvordan man ved hjelp av javascript kan deaktivere en textbox og fjerne innholdet i den når man krysser av i en checkbox. Vi viser også hvordan textboxen kan aktiveres igjen når man fjerner avkrysningen i checkboxen.  

Her viser vi en komplett kode som tar for seg veldig nyttig javascript funksjonalitet. I eksempelet har vi en side der vi viser en tekst og noen thumbnail bilder. Når man klikker på en thumbnail ønsker vi at teksten skal forsvinne og en større versjon av bildet vi klikket på skal vises i stedet. Alt sammen styres ved hjelp av javascript!  

Her viser vi et kodeeksempel på hvordan du ved hjelp av javascript kan vise et random (tilfeldig) bilde fra en mappe som inneholder flere bilder.  

La si du har en Textarea kontroll som du ønsker at maksimalt skal inneholde 160 tegn. Det lar seg ikke løse ved å bruke "maxlenght=160" da dette ikke fungerer på textarea kontrollere. Her viser vi hvordan du kan lage et javascript som både sjekker antall tegn i textarea kontrollen, viser hvor mange tegn som er igjen, og også gir deg en beskjed om du oppnår maks antall tegn!  

Her viser vi et kodeeksempel på hvordan du kan lage en link på en DIV tag ved hjelp av CSS og JavaScript. Denne metoden fungerer i både Internet Explorer og FireFox i motsetning til bruk av window.navigate() som bugger i FireFox.  

Her viser vi et kodeeksempel på hvordan du kan vise og skjule innhold på en webside når man tar musa over et element på siden. Eksempelet viser hvordan du gjør dette ved å ta musa over noen linker ("a mouseover"), men du kan bare bytte ut linkene til å være et bilde ("img mouseover"), en div ("div mouseover") osv. Skriptet er testet både i Internet Explorer og Firefox!  

Denne nedtellingsklokken fungerer i både Internet Explorer 6(+) FireFox. Det eneste du behøver å gjøre er å angi hvilken dato det skal telles ned til, og klokken vil telle ned til denne. Klokken oppdateres hvert sekund slik at den hele tiden tikker ned mot den angitte datoen.  

Dette scriptet gjør at du kan ha en nedtelling på siden din til en bestemt dato!  

Ved å lime inn denne lille kodesnutten i nettleserens adresselinje etter at nettsiden er lastet vil du kunne endre innholdet på nettsiden. Du kan endre på tekst, legge til tekst, flytte eller fjere bilder oav. Endringene du gjør skjer kun på din lokale maskin, men dette kan være et nyttig triks for å redigere en side før du feks tar et screenshot!  

Denne enkle koden gjør at du kan vise en kalender på din nettside, med dagens dato valgt. Kalenderen viser både dag, måned og år, og kan enkelt formateres og endres etter eget ønske.   

Denne koden gjør at du med å trykke på en hyperlink kan komme tilbake til den forrige siden du var på.  

Denne javascript koden justerer høyden på en popup boks etter at den er åpnet. Dette er nyttig for å tilpasse størrelsen på et vindu etter innholdet. I eksempelet justeres høyden på popup-boksen etter størrelsen på en flashfil, det vil si høyden på flashfila som er lagret som tekst i databasen. Vi legger til 100px for å ha litt ekstra plass over og under flashfila.  

Koden i dette eksempelet viser hvordan man kan åpne et popup vindu ved å klikke hvor som helst på en webside, eller ved å klikke på en knapp. Når en funksjon kjøres av en hendelse (event) på et objekt kalles open-metoden og windows.open blir iverksatt!  

Dette javascriptet sjekker lengden på et tekstfelt (postnummer). Er det ulig 4 tegn, så får brukeren en melding om dette!  

Dette javascriptet sjekker om en dato er gyldig.   

Et resultat av en senere Internet Explorer update har gjort at man må klikke på en objekt (ActiveX basert media) og aktivere det før man kan aktivere dets funksjoner. Dette gjelder både flash, QuickTime, RealPlayer, Java, Adobe Acrobat mfl. Her vises hvordan du som webprogrammerer enkelt kan fjerne dette slik at dine brukerer ikke behøver å klikke 2 ganger på feks en flashlink for at den skal fungere.  

Man oppnår en bedre ytelse / raskere side ved å legge (store) javascript i egne filer, og legge referanse til filen i din kode. Her vises hvordan dette gjøres.  

Denne lille javascript snutten gjør så informasjonen en bruker fyller inn i et tekstfelt (input felt) får / blir konvertert til store bokstaver.  

Dette lille javascriptet gjør at du kan sette hvor mange tegn et textarea feil kan MAKS bestå av.  

Denne koden merker innholdet i et tekstfelt (textarea) og kopierer det inn i mittet ved kun et enklet klikk på en link. Nyttig kode for kjapp kopiering av innhold!  

Denne enkle koden gjør at du ved hjelp av ett enkelt klikk kan velge alle radiobuttons på siden din ved å klikke på "Velg alle". Likeså kan du fjerne alle valg ved å klikke på "Fjern alle".   

Dette lille javascriptet sender deg tilbake tilbake til forrige side når du klikker på knappen "Tilbake".   

Dette scriptet vil automatisk scrolle ned 230px på siden din når den lastes. Genialt hvis du har en side med mye info, og du ønsker å vise feks et bestemt avsnitt øverst.  

Skrive og lese cookies via javascript.  

Når man tar musa over en celle i en tabell (<td> eller <tr>), så skal bakgrunnsfargen skifte, men her skifter vi hele style'en. Dette gjøres ved å bruke onMouseOver og onMouseOut hendelsene.  

Fint å bruke for å forklare hva innholdet i et tekstfelt skal være, og samtidig fjerne forklarende tekst ved klikk i feltet. Klikker du i feltet, men ikke fyller inn noe vil den forklarende teksten på nytt vises. Sweet!!!  

Denne koden er fin å bruke på feks en filopplaster eller andre filer som bruker tid på å prossessere. Da er det greit at brukeren får opp en beskjed i det f.eks upload-knappen trykkes.  

Dette skriptet lukker vinduet du ble sendt til og reloader vinduet du ble sendt fra. Nyttig hvis du feks linker til en side som skal utføre en handling, for så å lukke siden og oppdatere den du kom fra.  

Denne javascriptkoden åpner et bilde i et popoup-vindu og tilpasser størrelsen på vinduet etter bildets høyde og bredde! Nyttig kode for å vise bilder i full størrelse.  

Hvis du ønsker å submit'e til en annen form enn den knappen/linken ligger i, kan du benytte den enkle koden under. Navnet på formen du skal submit'e til byttes ut med "soek2" i koden.  

Dettet scriptet setter opacity på et bilde slik at det blir "duset ned" / gjennomsiktig. Når musa går over bildet vises det som det opprinnelig er, altså med sine orginale farger. Fin effekt!  

Denne er mye brukt for epost-felt der man må taste inn 2 ganger for å verifisere korrekt inntasting.  

Hvis du har et textarea felt som du ønsker å legge inn tekst i, så er det noen ganger ønskelig å legge på enkle html-tagger rundt deler av innholdet. Dette scriptet formaterer markert tekst i et formfelt ved å trykke på knapper. Veldig enkelt, og veldig effektivt!   

Denne artikkelen viser hvordan du kan lage en klokke som viser dag, måned, år, minutt og sekund. Klokken oppdateres automatisk hvert sekund uten at siden trenger å reloades / oppdateres. En meget lekker sak for deg som ønsker å vise klokken / tiden på din hjemmeside - oppdatert hvert sekund!  

I webløsninger i Domino er det ofte behov for å få tak i den relative pathen til databasen man er i. Eks.: http://www.bluebricks.no/web/bbwebno.nsf/(html)/main.html Her ønsker vi å hente ut path og databasenavn, slik: /web/bbwebno.nsf Funksjonen getRelativePath() gjør dette:  

Ved å trykke på linken reloades siden du er på.  

Man kan ved hjelp av dette enkle skriptet få en tekst til å blinke!  

Dette javascriptet kopierer informasjonen fra en brukerform til en annen ved å trykke på en knapp / button. Veldig enkelt og nyttig script!  

Ved onchange="this.form.submit();" på en dropdown så vil den postes automatisk når du gjør et valg i den.  

Ved å velge i 3 forskjellige dropdows settes verdien i et tekstfelt automatisk.  

Validerer felter i en form (alle samtidig).  

Ønsker du å presentere nyheter fra ditt nettsted til andre? Lag et JS-Feed!  

For å kommentere noe i et javascript benytter man 2 slash'er som vist i eksempelet under. Hele linja blir da kommentert ut.  

Ved å trykke på en radio-button forandres verdien / innholdet i en tekstboks automatisk. Nyttig liten sak dette her:  

Når man tar musa over en celle i en tabell (<td>), så skal bakgrunnsfargen skifte. Dette gjøres ved å bruke onMouseOver og onMouseOut hendelsene.  

Skriptet under submitter en form til et popup-vindu. Se også andre popup-skript her: http://www.webxpertz.net/faqs/jsfaq/popup.php   

Dette javaskriptet lukker et vindu, fint å bruke sammen med en ASP-kode el.  

Når en side besøkes skal det automatisk komme opp en skriv-ut dialogboks:  

Det gjøres ved å legge inn en hendelse i Body OnLoad. Se koden under.  

Når en bruker tykker på en knapp, skal han få opp en meldingsboks med JA / Nei valg. Trykkker han ja skal han sendes til en side med en variabel (ordreID) i url'en.  

Ved hjelp av javascript'et under vil du kunne få en tekst til å blinke på websiden.  

Noen ganger er det greit å ha en default verdi i et tekstfelt, kanskje med en liten forklaring eller lignende. Da er det hensiktsmessig at denne verdien forsvinner når brukeren klikker i feltet for å skive der  

Viser hvordan man lager en "skriv ut"-link vhja javascript. Kan bruke både knapp og link til dette  

Vise brukeren en advarselsboks når websiden besøkes  

Script som sender brukeren til en annen webside  

Dette kan skje når du ikke er forsiktig nok på nettet... En enkel java-kode kan faktisk lagre eller spore opp alt det du kopierer istedet for at du skriver det inn selv for hver gang.. Denne appleten sporer og lagrer ikke, jeg har ikke laget den slik at andre kan se hva som du enn har på utklippsbordet ditt... Men det er bare ren tekst den støtter da.  

For å sette siden som startside ved hjelp av en link kan du gjøre slik  

Du kan lage en hyperlink som besøkende kan klikke for å legge inn din side i "favortitter"  

Arrays er en samling av verdier, og brukes til å manipulere denne samlingen. Vi kan lagre informasjon i en gruppe, og referere til dem vhja et nummer.  

Validering kan gjøres på forskjellige måter, men en grei løsning er å bruke et JavaScript. I koden under valideres innholdet av 2 tekstbokser, txtNAVN1 og txtNAVN2. Er innholdet blankt ("") blir brukeren varslet om at disse feltene må fylles ut  

Script som gjør at websiden vises i FullScreen. Har også link for "normal-visning"  

Skript hvor bruker må godkjenne for å se websiden  

Skript hvor bruker blir sendt tilbake hvis ikke han godkjenner  

Ønsker du å advare eller gi brukeren en melding når han/hun besøker websiden, kan dette gjøres som vist her  

2 metoder å lukke et vindu på, èn med knapp og èn med link  

Tilfør litt JavaScript i <a href>-taggen, og du har en link som tar deg til forrige side, uansett hvor dèt var  

Når du klikker på en link åpnes websiden i et popup-vindu uten menyer, knapper ol. Du setter selv størrelsen på vinduet ved å forandre på verdiene (350)og (25) i koden   

Dette er en meget enkel form for passord-beskyttelse av en webside. De som kan litt om data / web "hacker" denne  

Viser hvordan du kan linke deg til et eksternt javascript  

Det er ikke alltid ønskelig å benytte en submit-knapp når noe skal utføres. Her vises hvordan man kan benytte et bilde til dette  

Hvis du ønsker å ha en standard tekst med f.eks en beskrivelse i et tekstfelt, er det veldig greit om denne automatisk fjernes når brukeren skal skrive i tekstfeltet. Her viser vi hvor enkelt det er å lage en slik funksjon!