KompoZer / Nvu » kompoZer ændre syntax i html fil

[David]

Hej
Håber at I kan hjælpe.

Jeg har en html fil med følgende kode når jeg åbner den med Notepad


<img style="margin: 0px; vertical-align: bottom; height: 50px; width: 50px; " src="Images\alarm0:="alarmL01":.png"/>


Når fil åbnes i KompoZer ændres den til

<img style="margin: 0px; vertical-align: bottom; height: 50px; width: 50px;" src="Images%5Calarm0:=" alarml01="" :.png="">


Bemærk at
\ nu er skiftet ud med %5C
at der er indsat et mellemrum før alarmL01.
at store L i alarmL01 er byttet ud med et lille l

Det medføre at når jeg gemmer filen så er disse ændring med og det virker derfor ikke.

Jeg må derfor rette det i notepad.

Nogen ide ?

vh David

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.130 Safari/537.36

[Kim Ludvigsen]

Prøv først at benytte den rigtige skråstreg i stedet, så kan det være, de andre problemer også løses. Du skal bruge / og ikke \.

[Gæst]

Hej Kim

Tak for dit svar....

Ja det hjælper med at ændre skråstreng.

Dog bliver der stadigvæk indsat mellemrum ind. L bliver til lille l. tilføre mellemrum efter alarmL01....

Før det har været åben i kompozer:

src="Images{alarm0:="alarmL01":.png"/>


Efter det har været åben i kompozer:

src="Images/alarm0:=" alarml01="" :.png="">

[Kim Ludvigsen]

Jeg så ikke videre, efter jeg så skråstregen. Du har flere fejl i koden/filnavn. Du har kolon i filnavnet, hvilket ikke er tilladt - heller ikke i Windows, så det kan vel ikke være det rigtige filnavn. Og du har to sæt filnavne.

Den rigtige grundkode til et billede:
<img src="filnavn.png">
Den afsluttende /, som du har i din kode, afhænger af den valgte doctype, men den bruges ikke i den mest almindelige doctype.

Når jeg skriver "grundkode", er det fordi, man kan indsætte forskellige parametre, som du også har. Den rigtige kode i dit tilfælde:
<img src="filnavn.png" style="margin: 0px; vertical-align: bottom; height: 50px; width: 50px;">

Bemærk, hvis du indsætter billedet via brugerfladen i KompoZer, så får du ikke fejl.

[Gæst]

Hej Kim


Måske gør jeg det grundlæggende forkert.

Jeg har to billeder som skal vises.

Billede 1 alarm00.png
Billede 2 alarm01.png

Jeg har ikke kunne se om den mulighed findes i kompozer. Derfor bliver den sidste karakter i skiftes ud med værdie fra en variable.

Pseudokode vil se sådan.

alarm0<VariableName>.png

Hvis <VariableName> er lige 0 så ses billed 1.
Hvis <VariableName> er lige 1 så ses billed 2.

Er der en smartere måde at gøre det på ?

[Kim Ludvigsen]

Ja, du gør det forkert.

Altså to billeder som skal udskiftes med hinanden?

Skal der skiftes mellem dem, når musemarkøren holdes over eller ved et klik - eller automatisk efter et bestemt tidsrum? Eller hvad skal ellers udløse skiftet i variablen?

[Gæst]

Hej Kim

Jeg har ikke fortalt at variablerne bliver læst fra en PLC og værdi af variablen bliver derfor sat at mit PLC program. Denne PLC styre en række transport bånd i frabrik.

I dette eksempel skal jeg skifte et billedet ud når der er alarm. Alarm variable ligger altså på PLC.

Jeg kan godt læse den i min html kode.

Men hvordan lige syntaxen skal være for at skifte et billed ud er jeg lidt i tvivl om.

Vedhæftede filer

[Kim Ludvigsen]

Er det en side, som automatisk opdateres, så fx Status ændret til "Fejl"?

I så fald kan du bruge JavaScript til at udskifte billedet. Det er sandsynligvis også JavaScript, der ændrer Status, og der skal så bare tilføjes en funktion, der også udskifter billedet. Din hvis-funktion, skal altså ikke placeres sammen med billedet, men sammen med det, der modtager ændringen fra din PLC.

Billedkoden skal blot indeholde filnavnet på standardbilledet. JavaScriptet udskifter så billedet med et andet billede.

Jeg kan desværre ikke hjælpe dig med koden til JavaScriptet.

[David]

Ja siden opdateres hvert 10 sek.

Jeg vil gerne undgå at bruge java script - da jeg ikke ved hvor min PLC håndter det.

[Kim Ludvigsen]

Hvis status ikke ændres med JavaScript, hvordan ændres status så? Du kan bruge samme metode som bruges ved ændring af status. I stedet for at det er en tekst, der skal ændres, er det bare et billede, der skal ændres.