Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Yhden divin tulostus

Rope [26.04.2010 23:14:18]

#

Elikkäs tällanen ongelma olisi et seuraava koodin pätkä luo popup ikkunan ja tulostaa sivn paperille. Noh haluaisin tulostaa tuon popup-ikkunan pelkästään, tällä hetkel se tulostaa myös ikkunan takana olevan sivun.

Eli passaisi myös et avaa kokonaan uuen ikkunan eteen(tai välilehden) ja sitä kautta, mutta valitettavasti ei oo hajuakaan vaikka oon yrittäny datailla monta päivää etsiäkseni keinoa. Osaan vain tehdä et nykyisen sivun paikalle tulee uusi sivu joka tulostetaan.

Ongelma lähti siitä liikenteeseen kun halusin tulostaa sivun, noh se tulosti myös linkit jotka kuuluvat sivustooni, mut arkistointia varten haluaisin tulostaa vain tietyn tekstin joka minulla on tekstitiedostossa(tiedän vanhaa tekniikkaa ja muuten, mut tässä tapauksessa vain pakko valinta).

<head>

//Tylostuksen tyylittelyt

<style type="text/css" media="all">
   @import "nucss2.css";
</style>

<link rel="stylesheet"
   type="text/css"
   media="print" href="ruotsi.css" />


//Paperille tulostuksen scripti

<script type="text/javascript">
    window.addEvent('domready', function(){
    new FormCheck('formular');
    });
</script>

        //Laitaa tyyliasetukset popup-ikkunalle

        <title>CSS + JS Popup</title>
  <style type="text/css">
  #popup {
     position: absolute;
     top: 400px;
     left: 400px;
     display: none;
     background: #ddd;
     width: 300px;
     height: 100px;
  }
  </style>


//Luo popup ikkunan

  <script type="text/javascript">
   function Popup(nayta) {
      var popup = document.getElementById("popup");
      if (nayta == true) {
        popup.style.display = "block";
      } else {
        popup.style.display = "none";
      }
  }
  </script>
</head>
<body>

//nappula joka luo popup-ikkunan

 <div id="popup">Tämä on popup! <a href="#" onclick="Popup(false);">Sulje popup</a></div>
 <a href="#" onclick="Popup(true);">Click</a>



// Nappula joka tulostaa

<input type="button" value="tulosta" onclick="window.print()">
</body>

Mod. korjasi kooditagit ja otsikon!

Metabolix [26.04.2010 23:53:57]

#

Hyvä ratkaisu olisi vain muokata tuota tiedostoa ruotsi.css (mikset nimeä järkevämmin?) siten, että se piilottaa kaikki ne elementit, joita ei ole tarkoitus tulostaa. Voisit myös yhdenmukaisuuden nimissä vaihtaa senkin käyttämään style-elementtiä link-elementin sijaan.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta