Javascript

Door Kees de braak op 11-07-2006 22:58

415 views

Ik wil het volgende realiseren:

je vult een kleurcode (RGB) in een tekstveld. Zonder # ervoor. (Dit laatste kan niet anders.)
Daarnaast staat een button met preview erop ofzo.

Ik heb het volgende script:


function changecss(theClass,element,value) {
	
	 var cssRules;
	 if (document.all) {
	  cssRules = 'rules';
	 }
	 else if (document.getElementById) {
	  cssRules = 'cssRules';
	 }
	 for (var S = 0; S < document.styleSheets.length; S++){
	  for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
	   if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
	    document.styleSheets[S][cssRules][R].style[element] = value;
	   }
	  }
	 }	
	}

Dat is de functie die bij deze button hoort.

<input type="button" value="Preview" onclick="changecss('body','background','red')">

Alleen die waarde red, die staat gewoon in het script, maar deze waarde moet dus de waarde worden die in een tekstveld ervoor staat + de #
#000000 bijvoorbeeld.

Je klikt dan dus op de button en de achtergrond wordt zwart. Maar hoe pas ik dit aan op de manier zoals ik het graag wil?

Kees de braak

11-07-2006 23:53

Hmmm ik heb nu het volgende:

In de header:


<script type="text/javascript">
function reStyle(obj)
{
obj.style.background = '#' + document.getElementById('achtergrond').value;

obj.style.color = '#' + document.getElementById('textfield_2').value;

}     
</script>

In het script:


echo'  ..... 
<TD><INPUT TYPE="text" NAME="achtergrond" ID="achtergrond" MAXLENGTH="6"></TD>
<TD><INPUT TYPE="button" onclick="javascript: reStyle(this)\;" VALUE="Preview">
....';

PHP Newbie

11-07-2006 23:54

en wat gaat er nu verkeerd

[edit]
document.getElementById('textfield_2')

waar haal je textfield_2 vandaan?
[/edit]

Kees de braak

11-07-2006 23:57

@php newbie: Hij doet gewoon niets.
@kalle: Nee dit is iets anders. Die kleur die in gevoerd moet worden kan worden bekeken hoe het 'staat' als het strax geedit wordt.

PHP Newbie

11-07-2006 23:58

gebruik je Firefox?

kijk dan is bij extra --> JavaScript-console of die een fout aangeeft, zie verder ook mijn edit

Kees de braak

11-07-2006 23:59

@edit php newbie: Nee helpt niets. Kan dat doorspronkelijke script niet worden aangepast? Of vraag ik iets onmogelijks? Hoe doe ik dit?

Kees de braak

12-07-2006 00:01

Ow die \ doet et em....maar hoe zorg ik er dan voor dat die ; niet geescaped wordt?

Reageren

Inloggen om te reageren