Avatar billede Slettet bruger
04. december 2006 - 14:32 Der er 11 kommentarer og
1 løsning

if kode hjælp

Hej.

Hvordan gør jeg at jeg tjekker om billedet er "Chek.gif"?

Altså noget ala det her:
<script>
Hvis Billd.src='chek.gif' så
</script>
Hej
<script>
ellers
</script>
Gå med dig
<script>
Slut
</script>
Avatar billede loevgaard Praktikant
04. december 2006 - 15:01 #1
<script type="text/javascript">
if(billede.src == 'chek.gif') {
  document.write('hej');
} else {
  document.write('gå med dig');
}
</script>
Avatar billede psykochicken Nybegynder
04. december 2006 - 15:05 #2
<script type="text/javascript">
function noget(){
  if(document.getElementById('dit_billedid').src!='check.gif'){
    alert('gå med dig')
  }
  else {
    alert('hej')
  }
}
</script>

<img id="dit_billedid" src="check.gif">

...og så noget til at fyre funktionen af med ex:
<input type="button" value="check det" onclick="noget()">

/psc
Avatar billede Slettet bruger
04. december 2006 - 15:06 #3
Tak, Men jeg glemte at sige at der skal være en boks hvis billed er check.gif. Kan man det?
Avatar billede Slettet bruger
04. december 2006 - 15:10 #4
Boksen skal være en div eller sådan noget ellers er det lige meget.:)
Avatar billede psykochicken Nybegynder
04. december 2006 - 16:40 #5
så må du forklare flg:
- hvilken slags boks er der tale om (popup ?),
- skal billedet være baggrundsbillede i boksen ?,
- hvor skal teksten fremkomme ?
- hvordan, hvornår og ved hvilken handling skal kontrollen udføres ?

...så er der større chance for at få et kvalificeret svar ;o)

/psc
Avatar billede Slettet bruger
04. december 2006 - 16:56 #6
Lad os sige der er en check boks. Vores check boks er et billed. Så når man trykker på billedet bliver billedet lavet om, og en boks kommer frem. Boksen skal være en normal <div> med noget tekst i den.:)
Avatar billede psykochicken Nybegynder
04. december 2006 - 19:00 #7
Så kunne det være noget i stil med:

<script type="text/javascript">
function noget(pic){
var elm = document.getElementById('mindiv'); 
  if(pic.src!='check.gif'){
    elm.firstChild.nodeValue="gå med dig";
  }
  else {
    elm.firstChild.nodeValue="hej";
  }
}
</script>

Dit billede:
<img src="check.gif" onclick="din_skift_billede_kode();noget(this);">

og din div med teksten:
<div id="mindiv">&nbsp;</div>

/psc
Avatar billede olebole Juniormester
05. december 2006 - 10:10 #8
<ole>

Du kan ikke spørge med:
    if(pic.src!='check.gif'){

- da src'en jo indeholder en hel URL. Prøv i stedet:
    if(pic.src.indexOf('check.gif')!=-1){

- og skal det i nærheden af en X(HT)ML-parser:
    if(pic.getAttribute('src').indexOf('check.gif')!=-1){

/mvh
</bole>
Avatar billede Slettet bruger
05. december 2006 - 16:22 #9
Jeg kan ikke få det til at virke:
<script type="text/javascript">
function Checker(pic){
var elm = document.getElementById('mindiv'); 
  if(pic.src!='Grafik/check.png'){
    elm.firstChild.nodeValue="gå med dig";
    if(pic.src=='Grafik/check.png'){
    getElementById('Check').onclick='this.src=Grafik/nocheck.png';
    }
  }
  else {
    elm.firstChild.nodeValue="hej";
  }
}
</script>
<img src="Grafik/nocheck.png" name="Check" onclick="this.src='Grafik/check.png';Checker(this);">

<div id="mindiv">&nbsp;</div>
Avatar billede Slettet bruger
05. december 2006 - 16:30 #10
Og hvordan kan jeg gøre at jeg kan skrive html i elm.firstChild.nodeValue="gå med dig";
Avatar billede psykochicken Nybegynder
05. december 2006 - 18:38 #11
man kan bruge det uautoriserede innerHTML....., men i tråd med ole´s  vejledning kunne det være noget i stil med:

<script type="text/javascript">
function Checker(pic){
var mytxt;
var elm = document.getElementById('mindiv'); 
  if(pic.getAttribute('src').indexOf('check.png')!=-1){
    pic.src='Grafik/nocheck.png'; 
    mytxt = "Gå din vej ";
  }
  else{   
    pic.src='Grafik/check.png';
    mytxt="Hej ";
  }
  //fjerner indhold i div-en, så længe der er children 
  while(elm.firstChild){
  elm.removeChild(elm.firstChild);
  }
  //bygger nyt indhold i div-en alt efter det valgte billede
  elm.appendChild(document.createTextNode(mytxt));
  var mylink = elm.appendChild(document.createElement('a'));
    mylink.setAttribute('href','http://www.eksperten.dk');
    mylink.setAttribute('title','klik her');
    mylink.appendChild(document.createTextNode('Et link'));
}
</script>

ole >> eller bør pic.src='Grafik/check.png' også hedde pic.setAttribute('src','Grafik/check.png.') af hensyn til X(HT)ML-parsere ?

/psc
Avatar billede olebole Juniormester
06. december 2006 - 13:38 #12
psykochicken >> Yups ... man bør bruge setAttribute. Så holder man sig til script-DOM bindinger, som både en HTML- og XML-parser forstår  =)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester