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:

    <link rel="stylesheet" type="text/css" href="style.css">
    <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:

/* A weblapon megjelenő fejlécnek beállítjuk, hogy ne jelenjen meg nyomtatásnál */
#header {
  display: none;
}

/* Csak a nyomtatásnál megjelenő fejléc */
#print_header {
  display: block;
}
Példa:
style.css

/* Sötétkék háttér előtt fehér betű. Ezt macerás lenne kinyomtatni ;) */
body {
  margin:0;
  padding: 1em;
  background-color: #336699;
  color: white;
  font-size: 11px;
}

#header {
  display: block;
  font-size: 120%;
}

#print_header {
  display: none;
}

#content {
  text-decoration: underline;
}
style_print.css

/* Itt már fehér háttér előtt fekete betűket használunk. */
body {
  margin: 1em 0.5in;
  padding: 0;
  background-color: white;
  color: black;
  font-size: 12px;
}

#header {
  display: none;
}

#print_header {
  display: block;
  font-size: 120%;
}

#content {
  text-decoration: underline;
}
index.html

<hmtl>
  <head>
    <title>Nyomtatás teszt</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="style_print.css" media="print">
  </head>

  <body>
    <div id="header">
    Ez a fejléc, ami <b>nem</b> jelenik meg nyomtatásban, csak a weblapon!
    </div>

    <div id="print_header">
    Ez a fejléc csak nyomtatásban jelenik meg!
    </div>

    <div id="content">
     ... A további tartalom ...
    </div>
  </body>
</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.