Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML] Ukrywanie zdjęcia przed drukowaniem
Forum PHP.pl > Forum > Przedszkole
patryk9200
27.04.2009, 17:29:41
Cześć,
W jaki sposób ukryć zdjęcie na stronie żeby się nie drukowało??
[HTML] pobierz, plaintext 
  1. <img src="ikony/print.gif" border=0></a>
[HTML] pobierz, plaintext
Fifi209
27.04.2009, 17:45:31
Przygotuj stronę bez zdjęcia albo ukryj wszystkie img ;P

Kod
display: none;


dałoby się coś takiego zrobić z pomocą jQuery jeżeli się nie mylę.
patryk9200
27.04.2009, 17:59:33
słyszałem kiedyś coś że za pomoca styli można takie coś zrobić, ale jak dokładnie nie wiem..;/
Fifi209
27.04.2009, 18:05:03
Dołącz sobie jQuery i zrób coś na wzór:

Kod
<script type="text/javascript">
$(document).ready(
                function() {
                    $('#link').click(
                        function() {
                            $('img').toggle('fast');
                        }
                    ).toggle(
                        function() {
                            $(this).text('Pokaż obrazki');
                        },
                        function() {
                            $(this).text('Ukryj obrazki');
                        }
                    );
                }
            );
</script>


I zrób sobie do tego link'a:
Kod
<a href="#" id="link">Ukryj obrazki</a>
vokiel
27.04.2009, 19:58:21
Cytat
słyszałem kiedyś coś że za pomoca styli można takie coś zrobić, ale jak dokładnie nie wiem..;/


Da się jak najbardziej. Można ustawić styl dla danego medium, czyli: all, aural, braille, embossed, handheld, print, projection, screen, tty, tv
Możesz to zrobić za pomocą oddzielnego stylu:
[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" href="default.css" type="text/css" media="screen" />
  2. <link rel="stylesheet" href="print.css" type="text/css" media="print" />
[HTML] pobierz, plaintext

Albo wewnątrz jednego:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. /* normalnie na ekranie */
  3. img {display:block; border:0;}
  4.  
  5. /* w przypadku wydruku */
  6. @media print {
  7. 	img {display: none;}
  8. }
  9. </style>
[HTML] pobierz, plaintext

Zrób sobie test oglądając podgląd wydruku.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.