PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr

PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr (https://www.php-resource.de/forum/)
-   HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS (https://www.php-resource.de/forum/html-javascript-ajax-jquery-css-bootstrap-less/)
-   -   a:link color nachträglich ändern (https://www.php-resource.de/forum/html-javascript-ajax-jquery-css-bootstrap-less/87811-a-link-color-nachtraeglich-aendern.html)

Prominenter 25-10-2007 12:34

a:link color nachträglich ändern
 
Hi@all

ich habe eine tabelle (id=button) per cssstyle
button a:link {color:blue;}
festgelegt das der link blau sein soll.

jetzt möchte ich nachträglich per css die Farbe ändern

button.style.color="red";

So geht es leider nicht

button a:,style.color="red"

geht leider auch nicht.

Ich freu mich auf eure Lösung.

Thx@all

TobiaZ 25-10-2007 12:50

Kann es sein, dass du CSS und JS gewaltig verwechselst?? :D

Wie hast du das blau denn definiert? im <style>-Tag oder im style-Attribut?

Prominenter 25-10-2007 12:53

Sorry für meine schlechte schreibweise.

also natürlich hab ich das Blau ordentlich im <style>-TAG deklariert.

und nun möchte ich per JS genau diesen Style ändern.

PHP-Code:

<style>
.
button {
     
border:1px solid white;
     
color:yellow;
}
.
button a:link {
     
color:blue;
}
</
style>


<
table id="button" align="center" class="button" cellpadding="3" cellspacing="0">
 <
tr>
  <
td align="center">
  
HIER:<br />
  <
a href="quest.htm">KLICKEN</a></td>
 </
tr>
</
table>

<
script language='javascript'>
button.style.borderColor="black";         
button.style.color="green";
button a:link.style.color="red";

</script> 

Also die Borderfarbe wird geändert, die Textfarbe auch nur die Linkfarbe nicht.

TobiaZ 25-10-2007 12:58

Erstes Suchergebnis in einer Suchmaschine (die hier anonym bleiben will)

Code:

<html><head><title>Test</title>
<script type="text/javascript">
function MachGelb () {
  document.all.DynText.style.backgroundColor = "yellow";
  document.all.DynText.style.fontSize = "200%";
  document.all.DynText.style.padding = "15px";
}
</script>
</head><body>
<p id="DynText">Das ist der Text</p>
<a href="javascript:MachGelb()">gelb</a>
</body></html>

http://de.selfhtml.org/javascript/objekte/style.htm

Kropff 25-10-2007 14:09

PHP-Code:

// 1.
button document.getElementById('button'); 

und beim link musst du entweder auch eine id vergeben oder childNotes arbeiten.

@TobiaZ
deine lösung wird so auch nicht funktionieren.

gruß
peter

TobiaZ 25-10-2007 18:02

Ich wollte keine fertige Lösung posten. ;) Das ganze ist ungeprüft kopiert mit Verweis auf die Quelle.


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:02 Uhr.

Powered by vBulletin® Version 3.8.2 (Deutsch)
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.0
[c] ebiz-consult GmbH & Co. KG