☰

» »

Kako spremeniti CSS Class s pomočjo Javascripta?

Kako spremeniti CSS Class s pomočjo Javascripta?

c0dehunter ::

Imam primer:

.main {clear:both; width:1050px; padding-bottom:30px; background:transparent url(slikaA.jpg) top left repeat-y;}

Temu razredu bi rad spremenil backgroundImage:
.main {clear:both; width:1050px; padding-bottom:30px; background:transparent url(slikaB.jpg) top left repeat-y;}

Prosim za pomoč.
I do not agree with what you have to say,
but I'll defend to the death your right to say it.

Matek ::

document.styleSheets.cssRules

Ampak mislim, da deluje samo za style, ki so direktno v HTML fajlu, ne pa embedani.

Zakaj pa sploh kompliciraš? Ne bi bil bolj "standarden" pristop, da pač napišeš dva classa in samo menjaš class elementu?
Bolje ispasti glup nego iz aviona.

Nextor :: 

<html>
	<head>
		<style>
			.prvi_class {
				background:transparent url('http://www.google.si/intl/en_com/images/srpr/logo1w.png') top left repeat-y;
			}
			.drugi_class {
				background:transparent url('http://static.slo-tech.com/stili/bel/slotech.png') top left repeat-y;
			}
		</style>
		<script type="text/javascript">
			function najdi(metoda) {
				var test = document.getElementsByClassName('prvi_class');
				if (test && test.length > 0) {
					for (var i = 0; i < test.length; i++) {
						if (metoda == 1) {
							test[i].style.backgroundImage="url('http://static.slo-tech.com/stili/bel/slotech.png')";
						} else {
							test[i].className = 'drugi_class';
						}
					}
				}
			}
		</script>
	</head>
	<body>   
		<div class="prvi_class">
			hehe
		</div>
		<div class="prvi_class">
			hehe
		</div>
		<div class="prvi_class">
			hehe
		</div>
		<button onclick="najdi(1)">najdi vse in zamenjaj background-image</button>
		<button onclick="najdi(2)">najdi vse in zamenjaj class</button>
	</body>
</html>


Evo neke na brzino od oke... nisem ziher, če sploh dela!

Zgodovina sprememb…

  • spremenilo: Nextor ()

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )

Oddelek: Izdelava spletišč		1298344446 (3583) sunniegoldie
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč		151926 (1654) kr?en
»

poravnava li elementov

Oddelek: Izdelava spletišč		82133 (1998) boss-tech
»

Podrta oblika strani

Oddelek: Izdelava spletišč		131385 (1064) echoman
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč		62441 (2388) amaze646

Več podobnih tem