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

DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 04.04.2008. u 23:53 · pre 226 meseci #1

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">

</script>

ali sam zakocio. Neka pomoc? Puno hvala, unaprijed.

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 05.04.2008. u 17:59 · pre 226 meseci #2

Code:

<script language="JavaScript">

</script>

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 05.04.2008. u 21:58 · pre 226 meseci #3

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.

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 06.04.2008. u 04:38 · pre 226 meseci #4

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 06.04.2008. u 22:17 · pre 226 meseci #5

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">

</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"> </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>

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 07.04.2008. u 15:37 · pre 226 meseci #6

pa nije bas tako, probaj ovako:

Code:

<script language="JavaScript">

</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"> </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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 07.04.2008. u 16:55 · pre 226 meseci #7

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.)

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 07.04.2008. u 21:51 · pre 226 meseci #8

izvini moja greska, deklarisao sam backColors a koristio backColor, evo ispravljeno:

Code:

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

</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"> </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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 07.04.2008. u 22:30 · pre 226 meseci #9

E, da si mi negdje blizu, castio bih te pice zbog ovoga. Puno ti hvala brate, stvarno si mi mnogo pomogao. Hvala, jos jednom.

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 08.04.2008. u 00:13 · pre 226 meseci #10

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: DOM funkcija i mijenjanje boja teksta i pozadine u textarea polju! 08.04.2008. u 00:25 · pre 226 meseci #11

Haha... Hvala i na tome. Proucicu ga kasnije. :)

Forum kao aplikacija na telefonu

Srodne teme