Srodne teme
Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!

[es] :: Javascript i AJAX :: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!

[ Pregleda: 2734 | Odgovora: 10 ] > FB > Twit

Postavi temu Odgovori

Autor
Pretraga teme: Traži
Markiranje Štampanje RSS

Daffa
Podgorica

Član broj: 175202
Poruke: 97
195.66.191.*



+2 Profil

icon DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!04.04.2008. u 22:53 - pre 195 meseci
Ovo je djelic jednog zadatka koji treba da odradim: "Koristeći DOM (tj. funkciju GetElementById i druge) napisati JavaScript funkcije koje izborom foreground ili background boje iz liste automatski mijenjaju to svojstvo u texta area. " Kako ovo realizovati?

Mislim da sam dobro poceo sa ovim:

<script language="JavaScript">
<!--
function changeColors()
{
var textarea = document.getElementById("txtArea");
alert(textarea.style.background);
textarea.style.background="background";
textarea.style.foreground="foreground";
}
-->
</script>

ali sam zakocio. Neka pomoc? Puno hvala, unaprijed.
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!05.04.2008. u 16:59 - pre 195 meseci
Code:

<script language="JavaScript">
<!--
function changeColors(fore, back)
{
   var textarea = document.getElementById("txtArea");
   textarea.style.backgroundColor = back;
   textarea.style.color = fore;
}
-->
</script>
rafforum.rs - Forum Računarskog Fakulteta
 
Odgovor na temu

Daffa
Podgorica

Član broj: 175202
Poruke: 97
77.222.6.*



+2 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!05.04.2008. u 20:58 - pre 195 meseci
A je li ovo mijenjanje boja kroz liste? Nesto mi ne lici na to... Izvinjavam se ako nisam u pravu, pocetnik sam. Puno hvla na pomoci.
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!06.04.2008. u 03:38 - pre 195 meseci
to ti je fja koja menja boju pozadine i boju texta elementa sa id-om "txtArea", to pozoves tamo gde hoces da promenis boje.

a ako pod "liste" mislis na select boxove onda ovako nesto, prvo html:
Code:

<select id="backColors">
   <option value="#ff0000">Red</option>
   <option value="#00ff00">Green</option>
   <option value="#0000ff">Blue</option>
</select>

<select id="foreColors">
   <option value="#ff0000">Red</option>
   <option value="#00ff00">Green</option>
   <option value="#0000ff">Blue</option>
</select>


javascript:
Code:


var backColors, foreColors;

window.onload = function()
{
    backColors = document.getElementById("backColors");
    foreColors = document.getElementById("foreColors");  

    backColors.onchange = foreColors.onchange = function()
    {
        changeColors(backColor.options[backColor.selectedIndex].value, foreColor.options[foreColor.selectedIndex].value);
    };
};


poz
rafforum.rs - Forum Računarskog Fakulteta
 
Odgovor na temu

Daffa
Podgorica

Član broj: 175202
Poruke: 97
77.222.1.*



+2 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!06.04.2008. u 21:17 - pre 195 meseci
To bi trebalo ovako d izgleda, jesam li u pravu? Molim te, izvini sto te davim. Ovo je kod za citavu formu. Puno hvala na pomoci, drugar.

Code:

<script language="JavaScript">
<!--

function changeColors(foreColors, backColors)
var backColors, foreColors;

window.onload = function()
{
    backColors = document.getElementById("backColors");
    foreColors = document.getElementById("foreColors");

    backColors.onchange = foreColors.onchange = function()
    {
        changeColors(backColor.options[backColor.selectedIndex].value, foreColor.options[foreColor.selectedIndex].value);
    };
};
-->
</script>

<h1>Color Picker Website</h1>

<form name="backColor">
<form name="foreColor">
<select id="foreground">
   <option value="#ff0000">Red</option>
   <option value="#00ff00">Green</option>
   <option value="#0000ff">Blue</option>
</select>
    <td width="81">&nbsp;</td>
    </tr>
    <select name="background" id="background">
      <option value="#ff0000">Red</option>
      <option value="#00ff00">Green</option>
      <option value="#0000ff">Blue</option>
    </select>
</table>
<input type="button" value="Test Colors" onclick="changeColors();" />
<p>
  <label>
  <textarea name="txtarea" id="txtArea" style="background:#ffffff"></textarea>
  </label>
</p>

</form>
</body>
</html>


[Ovu poruku je menjao Daffa dana 06.04.2008. u 23:06 GMT+1]

[Ovu poruku je menjao Aleksandar Ružičić dana 07.04.2008. u 15:34 GMT+1]
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!07.04.2008. u 14:37 - pre 195 meseci
pa nije bas tako, probaj ovako:
Code:


<script language="JavaScript">
<!--

function changeColors(fore, back)
{
   var textarea = document.getElementById("txtArea");
   textarea.style.backgroundColor = back;
   textarea.style.color = fore;
}

window.onload = function()
{
    var backColors = document.getElementById("backColors");
    var foreColors = document.getElementById("foreColors");

    backColors.onchange = foreColors.onchange = function()
    {
        changeColors(backColor.options[backColor.selectedIndex].value, foreColor.options[foreColor.selectedIndex].value);
    };
};
-->
</script>

<h1>Color Picker Website</h1>

<form>
<select id="foreColors">
   <option value="#ff0000">Red</option>
   <option value="#00ff00">Green</option>
   <option value="#0000ff">Blue</option>
</select>
    <td width="81">&nbsp;</td>
    </tr>
    <select id="backColors">
      <option value="#ff0000">Red</option>
      <option value="#00ff00">Green</option>
      <option value="#0000ff">Blue</option>
    </select>
</table>
<p>
  <label>
  <textarea name="txtarea" id="txtArea" style="background:#ffffff"></textarea>
  </label>
</p>

</form>
</body>
</html>


i ubuduce, kada postujes kod koristi [code][/code] tagove

poz
rafforum.rs - Forum Računarskog Fakulteta
 
Odgovor na temu

Daffa
Podgorica

Član broj: 175202
Poruke: 97
85.94.123.*



+2 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!07.04.2008. u 15:55 - pre 195 meseci
Moram ti reci da ovo jednostavno ne radi. Nista se ne desava pri pokretanju. Bice da sam ja negdje pogrijesio, sto si ti previdio u ovom kodu. Naravno, puno hvala na tvom trudu. Cijenim to na isti nacin (radilo ovo ili ne). U slucaju da nadjes bolje resenje, molim te da mi javis. Pozdrav. (Izvinjavam se zbog tagova, nisam ni obratio paznju.)
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!07.04.2008. u 20:51 - pre 195 meseci
izvini moja greska, deklarisao sam backColors a koristio backColor, evo ispravljeno:
Code:

<html>
<body>
<script language="JavaScript">
<!--

function changeColors(fore, back)
{
   var textarea = document.getElementById("txtArea");
   textarea.style.backgroundColor = back;
   textarea.style.color = fore;
}

window.onload = function()
{
    var backColors = document.getElementById("backColors");
    var foreColors = document.getElementById("foreColors");

    backColors.onchange = foreColors.onchange = function()
    {
        changeColors(backColors.options[backColors.selectedIndex].value, foreColors.options[foreColors.selectedIndex].value);
    };
};
-->
</script>

<h1>Color Picker Website</h1>

<form>
<select id="foreColors">
   <option value="#ff0000">Red</option>
   <option value="#00ff00">Green</option>
   <option value="#0000ff">Blue</option>
</select>
    <td width="81">&nbsp;</td>
    </tr>
    <select id="backColors">
      <option value="#ff0000">Red</option>
      <option value="#00ff00">Green</option>
      <option value="#0000ff">Blue</option>
    </select>
</table>
<p>
  <label>
  <textarea name="txtarea" id="txtArea" style="background:#ffffff"></textarea>
  </label>
</p>

</form>
</body>
</html>

ovaj put sam ga testirao i radi
rafforum.rs - Forum Računarskog Fakulteta
 
Odgovor na temu

Daffa
Podgorica

Član broj: 175202
Poruke: 97
195.66.191.*



+2 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!07.04.2008. u 21:30 - pre 195 meseci
E, da si mi negdje blizu, castio bih te pice zbog ovoga. Puno ti hvala brate, stvarno si mi mnogo pomogao. Hvala, jos jednom.
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!07.04.2008. u 23:13 - pre 195 meseci
nema na cemu :)

a evo ti sad taj isti kod samo u jQueriju, pa se ti cudi :)
Code:

$(function()
{
   $('#foreColors, #backColors').change(function()
   {
      $('#txtArea').css
       ({
           'color': $('#foreColors').val(),
           'background-color': $('#backColors').val()
       });
   });
});

:D
rafforum.rs - Forum Računarskog Fakulteta
 
Odgovor na temu

Daffa
Podgorica

Član broj: 175202
Poruke: 97
195.66.191.*



+2 Profil

icon Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!07.04.2008. u 23:25 - pre 195 meseci
Haha... Hvala i na tome. Proucicu ga kasnije. :)
 
Odgovor na temu

[es] :: Javascript i AJAX :: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju!

[ Pregleda: 2734 | Odgovora: 10 ] > FB > Twit

Postavi temu Odgovori

Srodne teme
Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.