| |
Vorheriges Thema:
Nächstes Thema: |
| Autor |
Nachricht |
schlaubi666
Forumsteilnehmer
Anmeldungsdatum: 30.10.2009
Beiträge: 9
|
 Verfasst am: 31.10.2009 22:29:33 Titel: document.getElementById(picID)style.backgroundImage auslesen |
 |
|
mit
document.getElementById(picID).style.backgroundImage = "url(" + Bild + ")";
kann ich ein Hintergrungbild ersetzen ...
aber wie kann ich es "nur" auslesen ??? |
|
| Nach oben |
|
 |
Kambfhase
Häufiger Poster
Anmeldungsdatum: 19.03.2006
Beiträge: 235
|
| Verfasst am: 31.10.2009 23:44:24 Titel: Re: document.getElementById(picID)style.backgroundImage ausl |
|
|
| schlaubi666 hat folgendes geschrieben: |
mit
document.getElementById(picID).style.backgroundImage = "url(" + Bild + ")";
kann ich ein Hintergrungbild ersetzen ...
aber wie kann ich es "nur" auslesen ??? |
genauso, nur andersrum:
| Code: |
var bild = document.getElementById(picID).style.backgroundImage; |
Deinen anderen Thread schließe ich jetzt mal, da sich deine Frage wohl erübrigt hat. Bitte aufpassen, ob du auf "neues Thema" oder "antworten" klickst!
MfG Hase |
|
| Nach oben |
|
|
schlaubi666
Forumsteilnehmer
Anmeldungsdatum: 30.10.2009
Beiträge: 9
|
| Verfasst am: 01.11.2009 12:17:06 Titel: |
|
|
| Code: |
var myObj = document.getElementById(picID);
var s = myObj.style;
var b= s.background;
var bI= s.backgroundImage;
alert("myObj: " + myObj + ", s: " + s + ", b: " + b + ", bI: " + bI);
|
myObj und s werden angezeigt, aber b + bl sind "leer" (benutze FF)
was mache ich falsch ? |
|
| Nach oben |
|
|
Kambfhase
Häufiger Poster
Anmeldungsdatum: 19.03.2006
Beiträge: 235
|
| Verfasst am: 01.11.2009 20:50:59 Titel: |
|
|
| Das kann ich so leider nicht nachvollziehen. Poste mal bitte einen Link zu deiner Seite, damit man sich das ganze im Context ansehen kann. |
|
| Nach oben |
|
|
schlaubi666
Forumsteilnehmer
Anmeldungsdatum: 30.10.2009
Beiträge: 9
|
| Verfasst am: 02.11.2009 09:50:46 Titel: |
|
|
http://www.creativetextilart.de
wenn du rechts bei "T-Shirtfarben" auf auf die 1. oder 2. Farbe klickst, dann kommt ein popup hoch.
im ".examplediv" wird ein Hintergrundbild gesetzt, das ich mit anderen Bildern tauschen kann, aber es einfach "nur" auszlesen fkt. leider nicht.
Zuletzt bearbeitet von schlaubi666 am 02.11.2009 13:46:28, insgesamt einmal bearbeitet |
|
| Nach oben |
|
|
Kambfhase
Häufiger Poster
Anmeldungsdatum: 19.03.2006
Beiträge: 235
|
| Verfasst am: 02.11.2009 12:52:08 Titel: |
|
|
| schlaubi666 hat folgendes geschrieben: |
| im ".examplediv" wird ein Hintergrundbild gesetzt, das ich mit anderen Bildern tauschen kann, aber es einfach "nur" auszlesen fkt. leider nicht. |
Doch es klappt genauso wie es soll. Wenn du erst auf eine T-Shirt Form und dann auf eine Farbe klickst, geht es. Dein Problem ist, dass dein Skript nicht weiß, dass du dem div per CSS ein Hintergrundbild zu weißt.
Du hast jetzt 2 Möglichkeiten:
1) Füge an den div noch style="background-image: url(ts.1.gif);" an.
2) Rufe tshirt('ts', 'ts.1.gif') einmal spät im Quelltextauf.
mfG Hase |
|
| Nach oben |
|
|
schlaubi666
Forumsteilnehmer
Anmeldungsdatum: 30.10.2009
Beiträge: 9
|
| Verfasst am: 02.11.2009 13:10:37 Titel: |
|
|
| Code: |
<div class="examplediv" style="background-image: url(ts.1.gif);" id="ts"> |
fkt. danke
was ich noch nicht verstanden habe, da ja im Code
| Code: |
<style type="text/css">
.examplediv
{
background-color:white;
vertical-align: middle;
text-align: center;
background-image:url(ts.1.gif);
background-repeat:no-repeat;
height:400px;
width:400px;
}
...
</style> |
auch schon background-image definiert ist.
Seltsam !?!?!? |
|
| Nach oben |
|
|
Kambfhase
Häufiger Poster
Anmeldungsdatum: 19.03.2006
Beiträge: 235
|
| Verfasst am: 02.11.2009 13:19:12 Titel: |
|
|
| schlaubi666 hat folgendes geschrieben: |
was ich noch nicht verstanden habe, da ja im Code
| Code: |
<style type="text/css">
.examplediv {
background-image:url(ts.1.gif);
}
...
</style> |
auch schon background-image definiert ist.
Seltsam !?!?!? |
JavaScript behandelt die CSS Definitionen separat von den style="" Definitionen. Ist leider so damit muss man sich abfinden. Für mehr Infos:
http://www.html-world.de/program/js_o_cst.php |
|
| Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|
FAQ
Suchen
Mitgliederliste
Benutzergruppen
Registrieren
Profil
Einloggen, um private Nachrichten zu lesen
Login
