ugrás a tartalomhoz

FORM változok továbbítása

busrent · 2007. Május. 20. (V), 11.16
sziasztok!

egy kis segítség kéne...arról lenne szó, h van egy űrlapom, amit ha kitöltenek eltudják az email címemre küldeni...ezzel nincs is semmi gond...csak én szeretnék egy olyan gombot is amivel kitudják ezt nyomtatni (mármint a KITÖLTÖTT űrlapot) és ittt most nem a javascript-es printpage gombra gondoltam, mer ez is jó, de mivel az odalam nem nyomtató barát, szóval a fejléc teli van sötét színes képekkel meg nem is férne ki a fejléc miatt az űrlap egy oldalra, szóval arra gondoltam, h csinálok egy nyomtatott verzió (nyomtatóbarát verzió) gombot, amit ha megnyitnak akkor csak az űrlap nyílik meg...a kérdés: milyen paranccsal tudom azt megoldani, h a változókat (tehát a kitöltött űrlap adatait) is átvigye erre az új (mondjuk print.php) oldalra????
ezt könnyű lenne megoldani, mer űrlap adatokat eltudok küldeni egy php oldalnak és ott ki tudom íratni, CSAK ehhez a form-hoz már tartozik egy 'email.php' action, hogy tudok egy űrlapnak 2 action megadni, hogyha a küldés gombra kattint akkor a változokat az email.php-nek küldje, ahogy eddig is...DE ha mondjuk a nyomtatóbarát verzió gombot nyomom meg, akkor meg a változokat a print.php odalra küldje??? külön-külön meg tudom csinálni, de nekem mind2 kell :)
‹ Google Map - dinamikusan Felso HTML kod listazasa ›
 ■
1

javascript

DsA · 2007. Május. 20. (V), 11.44
szia!

Javascriptel eztmeglehet oldani, pl.:
a nyomtat gomb onclick-je lenne ez: onClick="JavaScript: window.open("print.html");"
és a print.html-ben meg ahova szeretnéd hogy kerüljenek az ürlap adatai ott meg így hívod be:
opener.document.getElementById("input_text_neve").value;
és így elméletileg müxik nekem legalábbis szokott.
és így még az ürlapot sem kell elküldeni, tehát a nyomtat gomb type atr.-a button legyen

hát sok sikert remélem tudtam segíteni!

DsA
2

CSS

fchris82 · 2007. Május. 20. (V), 22.50
A probléma CSS segítségével is megoldható, bár az nem fogja kinyomtatni azokat a dolgokat, amik esetleg túl nyúlnak a "széleken".
De ez is egy megoldás :)

A fejlécbe kell tenni:
  1. <link rel="stylesheet" type="text/css" href="style.css">  
  2. <link rel="stylesheet" type="text/css" href="style_print.css" media="print">  
A style_print.css -be pedig mondjuk így kell eltüntetni a fejlécet:
  1. /* A weblapon megjelenő fejlécnek beállítjuk, hogy ne jelenjen meg nyomtatásnál */  
  2. #header {  
  3.   display: none;  
  4. }  
  5.   
  6. /* Csak a nyomtatásnál megjelenő fejléc */  
  7. #print_header {  
  8.   display: block;  
  9. }  
Példa:
style.css
  1. /* Sötétkék háttér előtt fehér betű. Ezt macerás lenne kinyomtatni ;) */  
  2. body {  
  3.   margin:0;  
  4.   padding: 1em;  
  5.   background-color: #336699;  
  6.   color: white;  
  7.   font-size: 11px;  
  8. }  
  9.   
  10. #header {  
  11.   display: block;  
  12.   font-size: 120%;  
  13. }  
  14.   
  15. #print_header {  
  16.   display: none;  
  17. }  
  18.   
  19. #content {  
  20.   text-decoration: underline;  
  21. }  
style_print.css
  1. /* Itt már fehér háttér előtt fekete betűket használunk. */  
  2. body {  
  3.   margin: 1em 0.5in;  
  4.   padding: 0;  
  5.   background-color: white;  
  6.   color: black;  
  7.   font-size: 12px;  
  8. }  
  9.   
  10. #header {  
  11.   display: none;  
  12. }  
  13.   
  14. #print_header {  
  15.   display: block;  
  16.   font-size: 120%;  
  17. }  
  18.   
  19. #content {  
  20.   text-decoration: underline;  
  21. }  
index.html
  1. <hmtl>  
  2.   <head>  
  3.     <title>Nyomtatás teszt</title>  
  4.     <link rel="stylesheet" type="text/css" href="style.css">  
  5.     <link rel="stylesheet" type="text/css" href="style_print.css" media="print">  
  6.   </head>  
  7.   
  8.   <body>  
  9.     <div id="header">  
  10.     Ez a fejléc, ami <b>nem</b> jelenik meg nyomtatásban, csak a weblapon!  
  11.     </div>  
  12.   
  13.     <div id="print_header">  
  14.     Ez a fejléc csak nyomtatásban jelenik meg!  
  15.     </div>  
  16.   
  17.     <div id="content">  
  18.      ... A további tartalom ...  
  19.     </div>  
  20.   </body>  
  21. </html>  
A Fájl->Nyomtatási kép, vagy vmi hasonlón lehet megtekinteni a különbséget.
3

pontosan

Marcell · 2007. Május. 20. (V), 23.51
De ez is egy megoldás :)
És tegyük hozzá, hogy ez sokkal elegánsabb is, mint mindenféle új ablakot nyitó JS hókusz-pókusz.