Szerző Téma: Formok  (Megtekintve 47161 alkalommal)

0 Felhasználó és 1 vendég van a témában

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Formok
« Válasz #46 Dátum: 2007. december 12., 20:47:18 »
inputoknak típus szerinti külön stílus adása

A fájl végére, a </body>  elé

Kód: Javascript
  1. <script type="text/javascript">
  2. inputok = document.getElementsByTagName("input");
  3. for(input in inputok) {
  4.         if(inputok[input].type == "text") {
  5.                 inputok[input].style.color = "#0000FF";
  6.         }
  7.         if(inputok[input].type == "button") {
  8.                 inputok[input].style.color = "#FF0000";
  9.         }
  10. }
  11. </script>

Ez csak a szöveg szint állítja át, de lehet mást is



A fölösleges $ jelek eltávolítva :happy:
Warner
« Utoljára szerkesztve: 2007. december 13., 17:34:15 írta Warner »
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Elérhető Warner

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 6.438
    • CodeNet
Re: Formok
« Válasz #45 Dátum: 2007. november 28., 23:19:33 »
én most igazából azt szeretném megkérdezni ha van az oldalon egy "oldal nyomtatása" akkor ha ráklikkelek akkor az oldalon található összes textet kinyomtatja ?
:yes:

Nem elérhető DéDé

  • Törzstag
  • **
  • Hozzászólások: 462
  • MR D
    • fbook
Re: Formok
« Válasz #44 Dátum: 2007. november 28., 22:59:14 »
én most igazából azt szeretném megkérdezni ha van az oldalon egy "oldal nyomtatása" akkor ha ráklikkelek akkor az oldalon található összes textet kinyomtatja ?
zavard össze a világot.... mosolyogj hétfõn ! (Garfield)

Elérhető Warner

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 6.438
    • CodeNet
Re: Formok
« Válasz #43 Dátum: 2007. november 28., 22:56:35 »
Ha így csatolsz be egy CSS fájlt, akkor azt elvileg csak a nyomtatáskor használja fel:
Kód: HTML
  1. <link rel="stylesheet" type="text/css" media="print" href="print.css" />
A "simát" meg akkor így:
Kód: HTML
  1. <link rel="stylesheet" type="text/css" media="screen" href="style.css" />

Azért elvileg, mert még nem próbáltam ki :)

---
De ez már inkább CSS téma.

Nem elérhető DéDé

  • Törzstag
  • **
  • Hozzászólások: 462
  • MR D
    • fbook
Re: Formok
« Válasz #42 Dátum: 2007. november 28., 22:31:15 »
szóval akkor csináljak egy nyomtatás gombot arra klikk felugrik egy popup
formázatlan szöveggel vagyis dölt,félkövérrel és betűszínnel utána meg egy javascript:window.print() ??
ja és köszi Rimelek. O0
zavard össze a világot.... mosolyogj hétfõn ! (Garfield)

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Formok
« Válasz #41 Dátum: 2007. november 28., 22:21:22 »
úgy nyomtatja ki, ahogy a weboldalon megjelenne. Ha nem akarsz formázást, tehát vastag betűt sem, akkor készíthetsz saját stíluslapot a nyomtatott verziónak. viszont a html-ben megadott <b> </b> közé irt szöveg vastag lesz mindenképp. azt is css-ből kell akkor formáznod ha ugy nem jó.
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető DéDé

  • Törzstag
  • **
  • Hozzászólások: 462
  • MR D
    • fbook
Re: Formok
« Válasz #40 Dátum: 2007. november 28., 20:32:50 »
oldal tartalmának kinyomtatása :)
van ez a kód :
Kód: Javascript
  1. <a href="javascript:window.print()">Oldal nyomtatása</a>
én azt akarom ,h csak a szöveget nyomtassa ki ne pedig az egész oldalt.
db pedig a tartalom így van elmentve ,h
Kód: HTML
  1. <b>Lorem ipsum dolor sit amet</b>, consectetur adipisicing elit
ilyenkor a tagek is nyomtatásra kerülnek vagy a lapon félkövér lesz a szöveg ?
 :blush: :-[
nagyon hülye vagyok ehez és nyugodtan lehet rőhögni meg hurrogni  :beee:
zavard össze a világot.... mosolyogj hétfõn ! (Garfield)

Elérhető Warner

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 6.438
    • CodeNet
Re: Formok
« Válasz #39 Dátum: 2007. november 24., 22:05:04 »
Hali!
Van egy formom, amiben azt akarom, hogy csak akkor tudjon az user a submit gombra klikkelni, ha kipipált egy jelölőnégyzetet,
inaktív(olyan szürke )legyen a gommb, amíg ki nem lett pipálva!
Ezt hogy tudnám, megoldani?
Így:
Kód: HTML
  1. <form name="form1">
  2. <input type="checkbox" onClick="if(document.form1.submit.disabled == false) document.form1.submit.disabled = true; else document.form1.submit.disabled = false;"><br>
  3. <input type="submit" name="submit" disabled>
  4. </form>

Nem elérhető dagoston

  • Törzstag
  • **
  • Hozzászólások: 308
Re: Formok
« Válasz #38 Dátum: 2007. november 24., 21:33:51 »
Hali!
Van egy formom, amiben azt akarom, hogy csak akkor tudjon az user a submit gombra klikkelni, ha kipipált egy jelölőnégyzetet,
inaktív(olyan szürke )legyen a gommb, amíg ki nem lett pipálva!
Ezt hogy tudnám, megoldani?

Nem elérhető control

  • Tag
  • *
  • Hozzászólások: 158
Re: Formok
« Válasz #37 Dátum: 2007. október 26., 18:12:29 »
Módosítottam, de még mindig nem jó.. azt szeretném hogy ha kiválasztja az üres value-s optiont akkor az alap kép jöjjön be :)

íme:

<html>
<head>
<title>Képváltó</title>
</head>
<body>
 
<form name="kepvalto" action="" method="post">
 
<select name="select1">
<option value="">Típusa</option>
<option value="hullamos">Hullámos</option>
<option value="nimfa">Nimfa</option>
</select>
 
<select name="select2">
<option value="">Színe</option>
<option value="kek">Kék</option>
<option value="zold">Zöld</option>
</select>
 
<select name="select3">
<option value="">Neme</option>
<option value="fiu">Fiú</option>
<option value="lany">Lány</option>
</select>
 
</form>
 
<img id="valtokep" src="kepek/alap.JPG" alt="Kép" />
 
<script type="text/javascript" src="kepvalto.js"></script>
</body>
</html>

de még mindig nem tökéletes
Elküldve:: 2007. Október 26.  16:13:32
Nah megoldottam a problémát
köszi rimelek :)

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Formok
« Válasz #36 Dátum: 2007. október 26., 10:45:29 »
Feltételezve, hogy a képek az images mappában vannak, és hogy a selectek neve select1 select2 select3

Kód: HTML
  1. <title>Képváltó</title>
  2. </head>
  3.  
  4. <form name="kepvalto" action="" method="post">
  5.  
  6. <select name="select1">
  7.         <option value="hullamos">Hullámos</option>
  8.         <option value="nimfa">Nimfa</option>
  9.  
  10. <select name="select2">
  11.         <option value="kek">Kék</option>
  12.         <option value="zold">Zöld</option>
  13.  
  14. <select name="select3">
  15.         <option value="fiu">Fiú</option>
  16.         <option value="lany">Lány</option>
  17.  
  18. </form>
  19.  
  20. <img id="valtokep" src="images/alap.gif" alt="Kép" />
  21.  
  22. <script type="text/javascript" src="kepvalto.js"></script>
  23. </body>
  24. </html>
  25.  

Kód: Javascript
  1. function kepvalto()
  2. {
  3.         var s1 = document.kepvalto.select1.value;
  4.         var s2 = document.kepvalto.select2.value;
  5.         var s3 = document.kepvalto.select3.value;
  6.        
  7.         document.getElementById("valtokep").src = "images/" + s1 + "_" + s2 + "_" + s3 + ".jpg";
  8.        
  9. }
  10. kepvalto();
  11. document.kepvalto.select1.onchange = kepvalto;
  12. document.kepvalto.select2.onchange = kepvalto;
  13. document.kepvalto.select3.onchange = kepvalto;
  14.  
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető control

  • Tag
  • *
  • Hozzászólások: 158
Re: Formok
« Válasz #35 Dátum: 2007. október 25., 20:59:43 »
Ok köszi!

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Formok
« Válasz #34 Dátum: 2007. október 25., 20:56:24 »
holnap ha unatkozom lehet megcsinálok valami hasonlót. De ma már nem biztos.
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető control

  • Tag
  • *
  • Hozzászólások: 158
Re: Formok
« Válasz #33 Dátum: 2007. október 25., 20:52:05 »
na szóval van 3 select.

Egyik selectbe felvannak sorolva típusok (Nimfa, hullámos)
Másik selectbe felvannak sorolva színek (Kék, sárga,zöld)
Harmadik selectbe felvannak sorolva a nemek (Fiú, Lány)

És a megfelelő select kiválasztához jelenítse meg a képet..

pl: kiválasztja a lány-t a harmadik selectbe, kiválasztja hogy zöld, és a típusa nimfa, akkor a nimfa_zold_lany.jpg -t jelenítse meg
Ha kiválasztja hogy fiú, hullámos, kék, akkor hullamos_kek_fiu.jpg képet jelenítse meg.


Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Formok
« Válasz #32 Dátum: 2007. október 25., 20:47:16 »
Na szóval nem ígérek semmit, csak kérdezek. Jól értem, hogy olyan kell, hogy selectben választasz valamit, és mindegyik választáshoz tartozzon egy kép, amit megjelenít?
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.