|
|||
Mit JS Wert im CSS neu schreiben
Hallo alle,
ich sitze vor einem Problem : ich möchte dass durch das anklicken eines bestimmten Areals (Vordergrund) jedesmal der Wert von background-position im CSS um 30px nach links verschoben wird. (kein Hovereffekt mit nur einmal schieben). ich bekomme diese bestimmt einfache Funktion nicht auf die Reihe. Wie löst man das am besten ? Würde mich freuen wenn jemand mir die ganze Code posten würde damit ich das auch sicher verstehe. Das Areal bspw. wäre transparent bei abs. Position 100,100,150,150 und die backgroundposition bei 50,0. Danke im Voraus mfg ron Geändert von ron32 (10.08.2011 um 21:28 Uhr) |
Sponsored Links |
|
|||
@chris2011 : Danke!
@rs-web : Nebenbei - ich bin nicht google-faul, sondern suche einfach unter den vielen Möglichkeiten die passende Code ! und wonach bitte schön soll man den als Anfänger suchen wenn man noch keine Ahnung von JavaScrips hat ?? Im Netz findet man alle mögliche Codes die man aber nur dann versteht wenn man JavaScript kann, und ich kann eben mal noch keine Codes passend umschreiben. So einfach ist das ! Und ehrlich gesagt sehe ich auch nicht ein warum man hier genötigt wird JavaScript zu lernen wobei ich nur diese eine Codeschnipsel für eine Html-Seite brauche und nicht mehr ! Du hast sicherlich als Anfänger auch mal "blöde" Fragen gestellt und warst auch bestimmt froh nicht solch blöde Antworten zu bekommen die du mir jetzt gegeben hast. Kann man hier keine Fragen stellen oder ist man hier auf der Uni ? das musste ich mal loswerden ... Geändert von ron32 (11.08.2011 um 19:15 Uhr) |
|
|||
Css Eigenschaften ändern Javascript - Google-Suche
Entspricht genau deiner Beschreibung. Der erste Link ist Chris2011 seiner...
__________________
Small boy wrote to Santa Claus:"Send me a brother!" Santa wrote back: "Send me your mother" |
|
|||
Hallo rs-web,
nichts für ungut ... ich habe diese Seiten auch gelesen nachdem ich gegoogelt habe. Der Knackpunkt ist aber dass diese alle beschreiben wie man einen festen Wert in CSS ändert per Javascript, aber ich hier eine Funktion brauche die den bestehenden Wert + x-Wert also Variable neu schreibt. Und das andere mit dem Area-Auswahl : mit aremap in html funktioniert das irgendwie nicht, deswegen dachte ich das könne ich wenn schon auch gleich in Javascriptfunktion machen lassen wenn ich schon abfragen muss "wenn onklick dann rufe funktion auf und schreibe wert+variable in css um". hier ein bsp. : document.all.DynText.style.padding = "15px"; (ist ein fester Wert ... und wie würde es vom Syntax heißen "15px" + variable y ? ich hoffe damit mein Anliegen und Problem etwas genauer beschrieben zu haben grüsse ron32 Geändert von ron32 (11.08.2011 um 21:07 Uhr) |
|
|||
Ich kann mit JavaScript ehrlich gesagt kaum was eigenständiges schreiben, höchstens mal erahnen was diese Code tun könnte ... dann ist aber Feierabend ... (soviel zu meinen Kenntnissen). wie gesagt ich benötige notgedrungen nur diesen einen Codeschnipsel für meine html/css-seite weil diese einfach keine Variablen kennen.
Wie ich in Html/CSS JavaSpripte wo und wie einfügen muss, dass weiss ich schon mal ... Geändert von ron32 (11.08.2011 um 21:30 Uhr) |
|
|||
Hallo,
ich habe mal versucht diese Code selbst irgendwie zusammen zu bekommen : leider geht diese nur zum Teil. Das Area Map funktioniert, aber die Position des Hintergrundbildes verschiebt sich trotzdem nicht. Könnt ihr mir diesmal bitte etwas detailierter helfen nachdem ich mich bemüht habe die Code zu schreiben ? mfg ron in CSS: body { width: 160px; height: 120px; text-decoration: none; display: block; background-image: url (http://bild mit 10 x 160px x 120px hor.jpg); background-position: 0 0; } in HTML: <script language="JavaScript" type="text/javascript"> var x=0; function schieben-plus () { x=x+160; document.all.DynText.style.backgroundPosition = x"px" "0"; } function schieben-minus () { x=x-160; document.all.DynText.style.backgroundPosition = x"px" "0"; } </script> <div style="position:absolute; top:0px; left:0px; z-index:1; border:0px solid #888;"> <p> <img src="http://transparentes bild 160px x 120px.png" width="160" height="120" border="0" alt="Karte" usemap="#navi"> <map name="navi"> <area shape="rect" coords="0,0,80,120" href="javascript:schieben-plus()" alt="vor" title="xxx"> <area shape="rect" coords="80,0,160,120" href="javascript:schieben-minus()" alt="zurück" title="xxx"> </map> </p> |
Sponsored Links |
|
|||
Du kannst dir ein Mal die Fehlerkonsole ansehen, die ist garantiert nicht leer. Außerdem kannst du dir vor dem Eintragen die Variable "x" durch ein alert() ausgeben lassen.
__________________
Small boy wrote to Santa Claus:"Send me a brother!" Santa wrote back: "Send me your mother" |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Inspiration - Sammlung von Links | emti | Ressourcen | 8 | 01.12.2009 18:02 |
Your browser does not support CSS.... | Iustinian | CSS | 11 | 16.10.2008 10:08 |
Tabledesigner wird CSS - Designer... | mk-gfx | Site- und Layoutcheck | 3 | 09.12.2006 19:08 |
Opera lädt Bilder im CSS ständig neu | Floele | CSS | 10 | 23.06.2005 15:16 |
Mit CSS eingebundene Bilder werden immer neu geladen | lomtas | CSS | 8 | 06.05.2005 17:56 |