mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:48 Benutzername: Passwort: Auto-Login

Thema: Javascript mit CSS verwenden vom 30.01.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Javascript mit CSS verwenden
Autor Nachricht
cRime
Threadersteller

Dabei seit: 07.05.2006
Ort: Berlin
Alter: 39
Geschlecht: Männlich
Verfasst Di 30.01.2007 06:19
Titel

Javascript mit CSS verwenden

Antworten mit Zitat Zum Seitenanfang

Hi @ aLL!!

Wie verwende ich Javascript mit CSS?
Geht das überhaupt?

Google konnte mir da nicht wirklich weiterhelfen...

Ich will per onMouseOver einen Div-Wert in CSS ändern.
Aber dies soll über die CSS-Datei erfolgen und nicht in der PHP Datei.

Jemand schon Erfahrung damit gemacht?

Gruß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 30.01.2007 07:38
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<div onmouseover="this.className='wasauchimmer'"></div>


so oder so in der art sollte es gehen. da wirst sicherlich bei selfhtml fündig falls du javascript inmitten der css datei machen willst, das wird nicht gehen. was du machen könntest um bei "mouseover" irgendwas zu ändern sind halt die üblichen verdächtigen der pseudo klassen (hover, active usw)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
nonblank

Dabei seit: 06.02.2005
Ort: -
Alter: 43
Geschlecht: Männlich
Verfasst Di 30.01.2007 11:47
Titel

Antworten mit Zitat Zum Seitenanfang

versuch es mal in JavaScript mit document.getElementById("die Id des entsprechenden div").style.Eigenschaft=Wert
also wenn du z.B. das margin ändern willst:

Code:
HTML -Datei:
<div id="dyndiv"></div>


Code:
JavaScript lautet dann so:
document.getElementById("dyndiv").style.margin=5


Zuletzt bearbeitet von nonblank am Di 30.01.2007 11:47, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 30.01.2007 12:14
Titel

Antworten mit Zitat Zum Seitenanfang

nonblank hat geschrieben:

Code:
JavaScript lautet dann so:
document.getElementById("dyndiv").style.margin=5


schlechtes beispiel. wasn bei werten die nicht aus zahlen bestehen?

document.getElementById('dyndiv').style.visibility='hidden';

das man den wert dann in hochkommas setzen muss is für jemanden ohne ahnung von javascript nich selbstverständlich und kann ziemlich viele nerven sparen *zwinker*

//edit:
außerdem muss es eh margin='5px'; '5em'; '5%'; oder sonst wie heißen.


Zuletzt bearbeitet von beeviZ am Di 30.01.2007 12:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
nonblank

Dabei seit: 06.02.2005
Ort: -
Alter: 43
Geschlecht: Männlich
Verfasst Di 30.01.2007 12:24
Titel

Antworten mit Zitat Zum Seitenanfang

Hmm, hast recht... den hier hatte ich auch vergessen: ;

Also hier als Beispiel mit einem Button:
Code:
<html>
<head>
 <script type="text/javascript">
  <!--
   function div_aendern()
  {
    document.getElementById('dyndiv').style.margin='5px';
  }
  // -->
 </script>
</head>
<body>
 <div id="dyndiv">
 </div>
 <button onclick="div_aendern();">div ändern</button>
</body>
</html>


Besser?


Zuletzt bearbeitet von nonblank am Di 30.01.2007 12:34, insgesamt 4-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen html / JavaScript, roll over mit Lightbox verwenden?
[javascript] mit <select> feld wert an javascript funk
Non-Web Schrift verwenden
[SEO] Software verwenden?
Smileys verwenden...
[AS2] - Tween-Klasse verwenden
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.