Bestimmten div drucken @ tutorials.de: Tutorials, Forum & Hilfe

hoctar · 20.08.09 15:25

Hallo

ich will nur ein bestimmten Bereich auf meiner Seite drucken, aber leider wird nix angezeigt.

So klappt das ganz gut:

HTML-Code:

<html>
<head>
<title>drgrg</title>
<style type="text/css">
<!--

  body *{display:none;}
  body #g {display:block;}

-->
</style>
</head>
<body>
 <span>hfgf</span>
 <span id="g">muh<span>gh</span></span>
 <span>fhg</span>
</body>
</html>

aber wenn ich mehrere Elemente in dem anzuzeigenedn div habe, dann werden diese leider nicht angezeigt

wie man oben sieht wird 'gh' nicht angezeigt

ZodiacXP · 20.08.09 15:32

Klar, denn du hast alle Elemente unsichtbar gemacht außer #g selbst.
Es fehlt also:

Code :

1	body #g * {display:block;}

Was die in #g enthaltenen wieder zeigt.

btw: Ich sehe kein div. Nur span

hoctar · 20.08.09 15:41

Nun ist aber nix sichtbar

ZodiacXP · 20.08.09 15:54

Nachdem du es hinzugefügt hast?
Mit welchem Browser und welchem Quelltext? (aktuell)
Sorry, Glaskugel kaputt

hoctar · 20.08.09 16:01

Browser: FireFox 3
Code:

HTML-Code:

<html>
<head>
<title>drgrg</title>
<style type="text/css">
<!--

  body *{display:none;}
  body #g * {display:block;}

-->
</style>
</head>
<body>
 <span>hfgf</span>
 <span id="g">muh
              <span>gh</span>
 </span>
 <span>fhg</span>
</body>
</html>

ZodiacXP · 20.08.09 16:05

Ok. Da hast du dich stark verlesen

Zitat von ZodiacXP

Es fehlt also:

Code :

1	body #g * {display:block;}

Es fehlt, dass heißt du solltest es noch hinzufügen.

Edit: Natürlich nach den anderen beiden Zeilen.

hoctar · 20.08.09 16:18

Ah stimmt, sorry

wie mach ich das nu wenn ich weitere Elemente darüber habe, wie z.B. div test

HTML-Code:

<html>
<head>
<title>drgrg</title>
<style type="text/css">
<!--

  body *{display:none;}
  #g {display:block;}
  #g * {display:block;}

-->
</style>
</head>
<body>
 <span>hfgf</span>
 ...
 ...
 <div class="test">
   <span id="g">muh
                <span>gh</span>
                <div class="test">bla</div>
   </span>
   <span>fhg</span>
 </div>
</body>
</html>

ZodiacXP · 20.08.09 16:37

Wenn du so etwas vor hast, wie:

Code :

1	#g > parent

dann muss ich dir leider sagen, das dies nicht geht / vorgesehen ist. Es besteht immer nur die Relation: parent > child

(David Baron bezweifelt das es so etwas jemals geben wird: http://lists.w3.org/Archives/Public/...4Mar/0192.html)

Ansonsten einfach statt #g in deinem CSS #test angeben.

hoctar · 20.08.09 16:43

Ansonsten einfach statt #g in deinem CSS #test angeben.

Das geht leider nicht .. da sind noch andere Elmente über die nicht angeziegt werden sollen.

Maik · 20.08.09 16:48

Hi,

wenn ich bis hierher alles richtig verstanden habe, kann ich dich nur darauf hinweisen, dass sich die Nachfolgeelemente eines versteckten Elternelements nicht durch Zauberhand anzeigen lassen.

Vielmehr müsstest du darin die benachbarten Elemente ausblenden, die nicht ausgedruckt werden sollen.

mfg Maik

hoctar · 20.08.09 17:01

Das verstehe ich. Ich dachte vllt. hat jemand eine Idee. Wie man das sonst lösen kann.

Maik · 20.08.09 17:01

Hab ich doch:

Zitat von Maik

Vielmehr müsstest du darin die benachbarten Elemente ausblenden, die nicht ausgedruckt werden sollen.

mfg Maik

ZodiacXP · 20.08.09 17:10

Zitat von hoctar

Das verstehe ich. Ich dachte vllt. hat jemand eine Idee. Wie man das sonst lösen kann.

Kann es sein, dass du das Attribut "class" nicht kennst?

Ein (invalides) Beispiel:

HTML-Code:

<html>
<head>
<style>

  .hide
  {
    display: none;
  }

</style>
</head>
<body>

<p class="hide">Ich versteck mich,</p>
<p>ich bin sichtbar,</p>
<p class="hide">und ich bin nicht da!</p>

</body>
</html>

Die Elemente denen "hide" zugeordnet wurde sieht man nicht.

Maik · 20.08.09 17:12

Browserunterstützung für den Selektor für benachbarte Elemente vorausgesetzt:

HTML-Code:

<html>
<head>
<title>drgrg</title>
<style type="text/css">
<!--
  body * {display:none;}
  body .test, body .test * {display:block;}
  body .test span#g + span {display:none;}
-->
</style>
</head>
<body>
 <span>hfgf</span>

 <div class="test">
   <span id="g">muh
                <span>gh</span>
                <span class="test">bla</span> <!-- Achtung: Ein <div> (=Block-Element) ist in einem <span> (=Inline-Element) nicht zulässig! -->
   </span>
   <span>fhg</span>
 </div>

</body>
</html>

Ansonsten wirst du im Falle des IE, der diesen Selektortyp auch in der aktuellen Version "8" noch immer nicht unterstützt, die Elemente mit einem Klassenbezeichner ausstatten müssen, damit es browserübergreifend mit ihrer Ausblendung funktioniert (siehe Zods Beispiel mit der Klasse .hide).

mfg Maik

hoctar · 21.08.09 12:47

Zitat von ZodiacXP

Kann es sein, dass du das Attribut "class" nicht kennst?

Ein (invalides) Beispiel:

HTML-Code:

<html>
<head>
<style>

  .hide
  {
    display: none;
  }

</style>
</head>
<body>

<p class="hide">Ich versteck mich,</p>
<p>ich bin sichtbar,</p>
<p class="hide">und ich bin nicht da!</p>

</body>
</html>

Die Elemente denen "hide" zugeordnet wurde sieht man nicht.

Und was ist wenn in dem hidden element ein Element steht, das ich anzeigen will ?

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Nur einen bestimmten Bereich drucken

Drucken eines bestimmten MovieClips

Aus Form einen bestimmten Bereich drucken(VB5)

Zu einer bestimmten Zeit Drucken

Drucken von einem bestimmten Frame?

E-Mail:

Abonnieren Abbestellen