CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede lbandk Nybegynder
28. oktober 2008 - 10:45 Der er 21 kommentarer

Flytbar box (AJAX, CSS)

Ved i hvor jeg kan finde noget kode til at lave en flytbar box som også kan lukkes altså gemmes væk.

Eller er der nogen der kan hjælpe med at lave noget :)?
Avatar billede lbandk Nybegynder
28. oktober 2008 - 10:47 #1
Har fundet dette http://dhtmlpopups.webarticles.org/movable.php men kan umiddelbart ik få det til at virke :S
Avatar billede olebole Juniormester
28. oktober 2008 - 10:50 #2
<ole>

Ajax handler om klient-/serverkommunikation, så det kan intet gøre for dig i denne sammenhæng  =)

Hvad skal boksen præcist kunne? Hvad er det, du ikke kan få til at virke? Hvad har du gjort? Hvad sker der - og hvad sker der ikke? Får du fejlmeddelelser - og hvis du gør, hvad siger de så?

Skal vi hjælpe, er du nødt til at forklare dig noget bedre  ;o)

/mvh
</bole>
Avatar billede lbandk Nybegynder
28. oktober 2008 - 10:54 #3
Hehe der skulle heller ik have stået ajax :P

Du kan se den her http://remember-it.dk/1.asp :)

Jamen det er fordi man skal kunne logge ind på en side og se de kasse man har lavet altså lidt ligesom en huske seddel men skal bare have lavet sådan en boks lige nu resten skal jeg nok klare :)
Avatar billede olebole Juniormester
28. oktober 2008 - 11:08 #4
1) Du får en helt klar JavaScript fejl i din browser, som ikke er til at tage fejl af. Du skriver vel ikke webkode uden at slå fejlmeddelelser til i IE - og du tester vel ikke kun i IE?

2) Test koden i et validt HTML-dokument. Ellers kan du jo ikke forvente at se noget somhelst virke
Avatar billede michael_stim Ekspert
28. oktober 2008 - 11:08 #5
Men du har jo html-tags i et dokument der ikke håndterer html? Du mangler ligesom alt det nødvendige.
Avatar billede ssv Nybegynder
28. oktober 2008 - 11:13 #6
Selv i et validt HTML-dokument virker det ikke. Er der ikke noget kode du mangler at inkludere?
Avatar billede lbandk Nybegynder
28. oktober 2008 - 11:36 #7
Hej

Nej det er der ikke.


Se den selv her.

http://dhtmlpopups.webarticles.org/movable.php
Avatar billede lbandk Nybegynder
28. oktober 2008 - 12:41 #8
Har også lige prøvet med et validt html dokumnet der virker det heller ikke nogen der har et bud?
Avatar billede michael_stim Ekspert
28. oktober 2008 - 13:12 #9
Du kan ikke forvente at få noget hjælp, så længe du ikke viser hvad det er der ikke virker. Link, kode, hvad som helst. Bare ikke "Det virker ikke, hjælp".
Avatar billede michael_stim Ekspert
28. oktober 2008 - 13:13 #10
Alt vi har at referere til, er dette: http://remember-it.dk/1.asp
Og det er ikke html.
Avatar billede olebole Juniormester
28. oktober 2008 - 13:46 #11
Fejlen i http://remember-it.dk/1.asp er, at det ikke er et validt dokument - hvis man skal tro fejlmeldingen ... og det skal man nok. Som michael_stim skriver, er du nødt til at være langt mere meddelsom.

Hvad forventer du, vi kan bruge kommentaren (28/10-2008 12:41:33) til? Vi kan jo ikke se, hvad du laver. Du fik at vide, hvad fejlen var i dit første forsøg. Vis os, hvad du laver nu - ellers kan vi naturligvis ikke fortælle dig, hvad du gør galt i denne omgang
Avatar billede olebole Juniormester
28. oktober 2008 - 13:58 #12
- men scriptet på http://dhtmlpopups.webarticles.org/movable.php er nu i udgangspunktet ren skodkode - og ikke det samme, han benytter i eksemplet. Prøv at finde noget bedre og lidt mere moderne  =)
Avatar billede lbandk Nybegynder
28. oktober 2008 - 13:58 #13
Hej alle har fået det til at virke :)
Avatar billede olebole Juniormester
28. oktober 2008 - 13:58 #14
PS: og _husk_ at slå fejlmeldinger til i browseren  ;o)
Avatar billede olebole Juniormester
28. oktober 2008 - 14:00 #15
Der mangler et hav af gåseøjne - og så mangler der enheder på left- og top-værdier. Uanset, om det virker for dig nu, bør du nok finde noget andet  ;o)
Avatar billede lbandk Nybegynder
28. oktober 2008 - 14:20 #16
Okay har du et forslag til hva jeg kunne bruge?
Avatar billede ssv Nybegynder
28. oktober 2008 - 14:48 #17
Måske det her? http://www.hunlock.com/examples/dragdrop.html
Avatar billede olebole Juniormester
28. oktober 2008 - 15:02 #18
Det ser væsentligt bedre ud, men jeg ville helt afgjort skrive HTML'en ud i hånden i stedet for at bruge innerHTML. Man kan ligeså godt holde koden valid og hensigtsmæssig  ;o)
Avatar billede michael_stim Ekspert
28. oktober 2008 - 15:07 #19
Hehe, ventede bare på den olebole. Du glemte doctypen ;o)
Avatar billede lbandk Nybegynder
28. oktober 2008 - 15:54 #20
olebole

Har du så et forslag? :)
Avatar billede olebole Juniormester
29. oktober 2008 - 10:46 #21
Ja, skriv HTML'en ud i stedet for at lade scriptet gøre det.

Brug dernæst en fuld DTD:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- og så er language attributten på script-tagget deprecated:
    <script type="text/javascript">
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 19:35 Find favoritter i Microsoft Edge Af Ivanms i Browsere
I går 12:58 Heatset til Iphone Af lurup i Mobiltelefoner
08/0919:26 Office 2024 forlanger pludselig aktivering Af ErikHg i Office & Kontorpakker
08/0915:27 Debian - Map drev/folder på AS400 V4R4 Af ingeman i Linux
07/0913:46 fra 23h2 til 24h2 Af valby i Windows
White papers
Flere white papers »


Premium
Teaser billede
Jaguar-fabrikkerne står bomstille: Hackere kommet ind via samme SAP-sårbarhed som ramte Arla
Læs mere »
Direktør for statens centrale it-styrelse fratræder: 1.800 ansatte skal have ny direktør
Er vokset 261 procent på ét kvartal: "Vi oplever en massiv interesse. Kunderne vil have kontrollen tilbage"
Københavns Kommune dropper sine planer om kæmpe migrering til Microsoft Azure
Se alle »
Computerworld
Teaser billede
Trump har indkaldt USA’s it-elite til fællesmøde: En mand mangler
Læs mere »
Test af BYD Sealion: Verdens største elbil-producent har en del at lære endnu
Microsoft åbner for kildekoden til banebrydende program: Et af de få, som Bill Gates selv har kodet
Test: Endelig et OLED med fuld tryk på dynamikken og et flot billede til alle formål
Se alle »
CIO
Teaser billede
De gyldne tider som it-konsulent er forbi: Noget er i gang med at ødelægge den guldrandede forretningsmodel
Læs mere »
Er vokset 261 procent på ét kvartal: "Vi oplever en massiv interesse. Kunderne vil have kontrollen tilbage"
Tryg skiller sig af med 225 it-medarbejdere: Outsourcer stor del af sin it-drift til indere
Københavns Kommune dropper sine planer om kæmpe migrering til Microsoft Azure
Se alle »
Job & Karriere
Teaser billede
Tryg skiller sig af med 225 it-medarbejdere: Outsourcer stor del af sin it-drift til indere
Læs mere »
Lille dansk it-virksomhed fra Vanløse lander drømmekontrakt, der rækker langt ind i stifterens pension
Her er fidusen: Sådan fastholder KMD og Twoday deres it-folk i lang tid
Medarbejderflugt? Disse danske it-selskaber har sværest ved at holde på deres it-folk
Se alle »
White paper
Teaser billede
Tidsbegrænset kampagne: Overvejer du at udskifte eller tilføje printere i din forretning? Vi kan tilbyde én eller flere maskiner gratis
Læs mere »
Sådan sikrer du nem og beskyttet adgang til dine ressourcer
Er I klar til at tage næste skridt på den digitale retailrejse?
Udnyt Genesys Cloud CX optimalt og styrk kundeoplevelsen
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »