Seneste forumindlæg
Køb / Salg
 * Uofficiel Black/White liste V3
Login / opret bruger

Forum \ Programmering og webdesign \ Hjemmeside design
Denne tråd er over 6 måneder gammel

Er du sikker på, at du har noget relevant at tilføje?

HMTL5 og input RANGE

Af Monsterbruger bRi | 19-03-2014 13:08 | 2654 visninger | 27 svar, hop til seneste
Jeg er ved at lave en side der skal håndtere styringen af en maskine via nogle handles. Jeg har derfor brugt type="range", hvor jeg får en slider. Det der driller mig, er den værdi (value) som slideren skal vise. Eks: værdi = 10 så skal slideren gå hen på værdien 10 fordi den læser det fra en variabel. Hvordan får jeg "range" til at læse en værdi fra en variabel? Jeg har forsøgt at bruge value="", men med den kan jeg kun få læst hvis jeg sætter et tal ind mellem "". På forhånd tak....
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#1
NitroBlast
Elite Nørd
19-03-2014 13:18

Rapporter til Admin
Har du defineret min, max og step for din input?
--
http://xlinx.dk[...] i7 2600K, 16GB PC3-12800, GA-X68XP-UD4 R1, GTX 560Ti HAWK, 250GB 840 EVO
#2
stallemanden
HOL Moderator
19-03-2014 13:21

Rapporter til Admin
Hvad er det for en variabel? Hvor kommer du noget i variablen?
--
+1 indlæg = *PUFF*
#3
bRi
Monsterbruger
19-03-2014 13:21

Rapporter til Admin
#1, det har jeg også gjort: input type="range" value="" min=0 max=30 step=1
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#4
bRi
Monsterbruger
19-03-2014 13:27

Rapporter til Admin
#2, hvis jeg skriver dette " id="td_delaystatus" " mellem to td og /td så kan jeg se værdien på siden som tekst. så jeg kan sagtens se at der data der kan bruges, men jeg ved ikke hvordan jeg får slideren til at læse denne værdi...
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#5
Grydeskeen
Maxi Supporter
19-03-2014 13:30

Rapporter til Admin
Smæk noget kode op på jsfiddle så skal du nok få noget hjælp
--
#6
NitroBlast
Elite Nørd
19-03-2014 13:35

Rapporter til Admin
Kig her - både sæt og udlæs af value: http://pastebin.com[...]
--
http://xlinx.dk[...] i7 2600K, 16GB PC3-12800, GA-X68XP-UD4 R1, GTX 560Ti HAWK, 250GB 840 EVO
#7
bRi
Monsterbruger
19-03-2014 13:48

Rapporter til Admin
#5, jeg er ikke bekendt med den side eller hvad den kan. #6, mange tak, det giver mig dog lidt flere spørgsmål... 1) Hvad er grunden til at det eksempel du har pastet virker, og mit ikke gør? 2) Jeg er før stødt på ordet method i programmeringen, men det var fordi den ikke kunne finde en method, så hvor kommer det ind i billedet her?
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#8
NitroBlast
Elite Nørd
19-03-2014 14:07

Rapporter til Admin
#7 Hvorfor mit virker, og dit ikke gør, er svært at svare på, når jeg ikke kan se din kode. Men du må have gjort noget forkert et eller andet sted, og nu du kan se, hvordan det skal gøres rigtigt, så kan du jo rette din kode til.
--
http://xlinx.dk[...] i7 2600K, 16GB PC3-12800, GA-X68XP-UD4 R1, GTX 560Ti HAWK, 250GB 840 EVO
#9
bRi
Monsterbruger
19-03-2014 14:09

Rapporter til Admin
#8, du får den lige her: http://pastebin.com[...]
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#10
NitroBlast
Elite Nørd
19-03-2014 14:21

Rapporter til Admin
#9 Du har i din input:range følgende value: value="document.getElementById('td_delaystatus')" Dette fungerer ikke, da værdien bliver sat til noget javascript-kode - koden bliver ikke udført. Koden skal ind i en eventhandler (som body:onload i mit eksempel), for at fungere.
--
http://xlinx.dk[...] i7 2600K, 16GB PC3-12800, GA-X68XP-UD4 R1, GTX 560Ti HAWK, 250GB 840 EVO
#11
bRi
Monsterbruger
19-03-2014 14:24

Rapporter til Admin
#10, hvad er teorien bag betegnelsen "eventhandler"? Grunden til jeg spørger er, at jeg er stødt på det før...
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#12
NitroBlast
Elite Nørd
19-03-2014 14:41

Rapporter til Admin
#11 En event er en handling, der gør at noget kode bliver udført. Feks. bruger jeg eventhandlerne "onload" og "oninput" i mit eksempel. Begge disse udfører noget kode, der i mit eksempel er funktioner (methods, function xxx() {..}). Du kan ikke bare skovle din kode ind hvor som helst, og så få det til at fungere :)
--
http://xlinx.dk[...] i7 2600K, 16GB PC3-12800, GA-X68XP-UD4 R1, GTX 560Ti HAWK, 250GB 840 EVO
#13
bRi
Monsterbruger
19-03-2014 14:47

Rapporter til Admin
#12, vidste jeg skulle være blevet ombord som fyrbøder ;) Ej, det var lidt det jeg mente det var, men jeg har nok undervuderet betydningen af det. Hvis koden ikke er for uoverskueligt, så vil du se at der allerede er en window.onload længere oppe, så lidt handler er der da.. Men jeg prøver mig frem og ser om jeg ikke kan få det til at virke. Mange tak for hjælpen...
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#14
bRi
Monsterbruger
20-03-2014 08:22

Rapporter til Admin
#12, hvad gør denne linje i form?: action="demo_form.asp"
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#15
myv95
Monsterbruger
20-03-2014 09:25

Rapporter til Admin
#14 Uden at være ekspert, så er den action der en del af din form. Det vil vist nok sige, at dit data bliver overført til demo.asp vha. GET metoden. :-)
--
The best way to predict the future is to invent it.
#16
bRi
Elitebruger
20-03-2014 09:30

Rapporter til Admin
#15 nu har jeg ikke selv den demo.asp, så hvad betyder den for mig? På forhånd tak :)
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#17
LeCattez
Gigabruger
20-03-2014 09:37

Rapporter til Admin
Den action hører sammen med "form'en" og "submit" knappen. Dvs. når der bliver trykket "submit" (en knap), så sender den det videre(i dette tilfælde; action'en kunne også bruges til at sende dataen til en funktion), som står i formen (værdien). I dette tilfælde ville det være den værdi der er blevet indsat, som bliver sendt videre, så spørgsmålet er hvad du har tænkt dig at bruge værdien til efterfølgende.
--
#18
stallemanden
HOL Moderator
20-03-2014 09:38

Rapporter til Admin
Jeg kan se på det hele, at du bør tage dig tid til lige at læse op på de basale ting i forhold til de ting du arbejder med. http://www.w3schools.com[...]
--
+1 indlæg = *PUFF*
#19
bRi
Elitebruger
20-03-2014 09:52

Rapporter til Admin
#17 mange tak :) #18 det gør jeg skam allerede :) Jeg er dog ikke fan af www.w3schools.com[...] da jeg finde siden for uoverskuelig. Derimod så bruger jeg newboston.com istedet og hans tutorials.... Jeg er stadig på begynder niveau, hvad javascript angår, men der er mere og mere der sidder fast, det tager bare lidt tid :)
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#20
bRi
Elitebruger
21-03-2014 14:38

Rapporter til Admin
#12, jeg har kigget dit eksempel grundigt igennem, og jeg er kommet frem til at metoden til at få slideren til at reagere på en værdi ikke tager den værdi jeg ønsker. Du har indtastet tallet 2, men det jeg ønsker er at den skal tage en værdi fra en variabel som den skal vise på slideren. Når man sætter en value som input, kan det så kun være et tal, eller kan man smide værdien af en variabel istedet? Ps. jeg har sendt dig en mail med lidt flere spørsmål...
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#21
NitroBlast
Elite Nørd
21-03-2014 15:44

Rapporter til Admin
Det er lettere bare at spørge på HOL, end at sende mails. idv, adva og idvb er variabler, der referer til objekter/elementer, der hentes med DOM-funktionen getElementById. Betingelserne "if (adv)" og "if (adva && idvb)" skal sikre at variablerne ikke er tomme/null, og at der som følge af tomme variabler opstår fejl - dette kan udelades, men er generel god skik. Jeg forstår ikke hvad du mener med, at værdien skal hentes i en variabel. Du kan jo deklarere en variabel ved navn "sliderValue", og så rette koden, så der står "idv.value = sliderValue" - burde være elementær viden. Som #18 er inde på, så virker det som om, at du er gået igang med noget, du ikke helt evner endnu, og derfor skal have hjælp - fint nok.. Men hjælp dig selv, og kig på w3schools, som er yderst glimrende og enkelt opbygget, for du mangler viden om grundprincipperne i HTML og DOM, og du kan ikke forvente, at folk laver dit arbejde/projekt for dig :)
--
http://xlinx.dk[...] i7 2600K, 16GB PC3-12800, GA-X68XP-UD4 R1, GTX 560Ti HAWK, 250GB 840 EVO
#22
Grydeskeen
Maxi Supporter
21-03-2014 16:24

Rapporter til Admin
#21 Jeg hælder lige lidt ovenpå dit gode råd. bRi, når du har nogle spørgsmål om din kode så prøv at koge din kode ned til det minimum mest nødvendige der viser dit problem. Så kan vi nemmere hjælpe dig ved hurtigere at hoppe ind i netop det der skal fikses. Og gør dig selv en tjeneste og lave den testcase på jsfiddle. Så kan vi nemt se hvordan din kode virker og nemt prøve at tweake på den og give dig et forslag på hvordan du kan fikse det. Jo nemmere du gør det for folk at hjælpe dig, jo flere vil rent faktisk gerne prøve at hjælpe dig og jo hurtigere får du et svar.
--
#23
bRi
Elitebruger
21-03-2014 16:41

Rapporter til Admin
#21 Ok, når jeg har sat et stykke kode ind her på siden, så har siden tolket det som en del af siden, så derfor ville jeg prøve med en mail istedet. Jeg er ikke ude på at få andre til at lave mit projekt. Jeg har selv programmeret scriptet således jeg kan læse og skrive variabler mellem hjemmesiden og PLC'en og ud fra den manglende dokumentation fra Beckhoff, så synes jeg selv at jeg er kommet langt. Dertil så havde jeg inden jeg gik igang stortset ingen kendskab til HTML osv, men har alligevel formået at komme så langt. Angående jeres forslag om wc3schools, så er der delte meninger om deres indhold. Jeg har skam forsøgt at lære via den side, men jeg er kommet frem til at jeg decideret falder i søvn når jeg gennemgår den, så om det er fordi jeg er for dum, det ved jeg ikke. En ting ved jeg dog, www.thenewboston.org[...] er en kanon side for mig, som jeg har lært en del fra. Jeg kan godt fornemme at der står mere på wc3, men jeg lærer bedre via de tutorials som han har lavet. Som sagt, så er jeg ikke interesseret i at få jer til at lave mit projekt, da jeg i så fald ikke ville kunne arbejde med det bagefter for jeg ville ikke forstå det. Når jeg spørger om hjælp her inde, så er det fordi jeg enten ikke kan finde svaret på hverken stackoverflow(tror jeg det hedder), wc3 eller andre steder, eller fordi jeg ikke kan finde det i nogle af mine bøger. Det er ikke hele stykker koder jeg spørger efter, men når jeg spørger så er det fordi der et stykke af min kode jeg ikke kan få til at give mening. Jeg kan godt se det med variablerne ikke gav mening. Jeg mangler stadig at kunne huske begreberne (noget som altid har givet mig problemer) og derved bedre kan forklare det. Jeg henter en værdi fra PLC'en ned i en variable/ID (green_val) som jeg også kan få frem på siden ved. Den værdi vil jeg gerne kunne se via slideren(range). I dit eksempel har du sat idv.value til at læse '2' hvor jeg gerne vil at den skal læse en værdi fra variablen green_val istedet. Jeg håber dette forklarede det bedre. Jeg er godt klar over at jeg skal bruge mange timer endnu på at forstå dette, men siden jeg blev sat til dette projekt, så er jeg kun blevet mere opsat på at lære HTML/Javascript. Det tager bare sin tid :) I skal ihvertfald have tak for hjælpen indtil nu :)
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#24
bRi
Elitebruger
21-03-2014 16:59

Rapporter til Admin
#22 Jeg ville ønske jeg kunne koge den ned, men for at den kan skrive til og fra den PLC' så skal det hele være der. Man kan sige det kunne være rart hvis man kunne have alle funktionerne skrevet i et eksternt *.js dokument, men det er nok først ude i fremtiden. :) Som jeg skrev længere oppe, så aner jeg ikke hvad det jsfiddle er. Jeg var inde og se siden, men jeg følte mig godt nok blank oveni. :)
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro
#25
Grydeskeen
Maxi Supporter
21-03-2014 17:40

Rapporter til Admin
#24 Min pointe er at hvis du har problemer med slideren behøver vi ikke al din kode for PLC'en. Det kunne sagtens alt sammen smides væk. Hvis du formår at lave et egentlig test case vil jeg gerne sætte det op for dig i jsfiddle - det er rent faktisk pænt smart.
--
#26
NitroBlast
Elite Nørd
21-03-2014 17:57

Rapporter til Admin
#23 Din kode er væk fra pastebin, men for at flytte verdien fra det ene element (din "variabel") over i slideren, skal koden se nogenlunde således ud: slider = document.getElementById('slider_id'); greenval = document.getElementById('green_val'); if (slider && greenval) slider.value = greenval.value; else alert('Nødvendigt element mangler'); Din kode bar meget præg af, at det var noget, der var klippe-klistret sammen, uden at der var nogen fornuft bag, og den slags ses som regel ved folk, der gerne vil have æren for noget, de ikke fatter hat af.
--
http://xlinx.dk[...] i7 2600K, 16GB PC3-12800, GA-X68XP-UD4 R1, GTX 560Ti HAWK, 250GB 840 EVO
#27
bRi
Elitebruger
24-03-2014 08:29

Rapporter til Admin
#25 Jeg vender lige tilbage til dig hvis de fortsætter med at give problemer :) #26 mange tak for dit forslag, jeg kan allerede se nu at jeg har glemt en linje i mit forsøg, så det du skriver, giver egentligt god mening :) Ja, det er klippeklistre, men det er ikke med min gode vilje. Der er ikke meget dokumentation udgivet til dette emne hos Beckhoff, som er producenten af PLC'en og dette HTML5 eksemplar. Jeg ønsker skam ikke at tage æren for dette, for jeg syntes sq helt ærligt ikke der er meget ære i at udgive denne form for dokumentation til ens produkter. Det er dog desværre ret generelt inden for PLC'er, hvad jeg kan forstå på de folk der arbejder med det til dagligt her i firmaet. Ja, jeg burde have et par års erfaring med HTML og JS, men det har jeg ikke for det var slet ikke meningen at det skulle have været en hjemmeside, men en App istedet. Men pga. der slet ingen dokumentation er for en App, så blev det en webside istedet. Jeg fortsætter med at programmere mig frem til en løsning og så må termen "learning by doing" hjælpe mig et godt stykke :) Jeg siger ihvertfald tak for jeres råd og vejledning :)
--
Intel I7 3770K [email protected], 16GB-DDR3 1600Mhz 9-9-9-24-2, Asus GeForce GTX680 TOP, Samsung 830 256GB SSD, ASUS P8Z77-V Pro

Opret svar til indlægget: HMTL5 og input RANGE

Grundet øget spam aktivitet fra gæstebrugere, er det desværre ikke længere muligt, at oprette svar som gæst.

Hvis du ønsker at deltage i debatten, skal du oprette en brugerprofil.

Opret bruger | Login
NYHEDSBREV
Afstemning


ANNONCE