Re: CSS - wstrzykiwanie kodu - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - wstrzykiwanie kodu › Re: CSS - wstrzykiwanie kodu

Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
From: beherit <b...@g...com>
Newsgroups: pl.comp.www
Subject: Re: CSS - wstrzykiwanie kodu
Date: Wed, 28 Dec 2011 12:42:54 +0100
Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
Lines: 38
Message-ID: <jdevbv$gms$1@inews.gazeta.pl>
References: <3syy894i2wm3$.14p0hvlukcelk$.dlg@40tude.net>
<jdesa7$70g$1@inews.gazeta.pl>
NNTP-Posting-Host: 79.110.195.227
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: inews.gazeta.pl 1325072575 17116 79.110.195.227 (28 Dec 2011 11:42:55 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Wed, 28 Dec 2011 11:42:55 +0000 (UTC)
X-User: beherit00
In-Reply-To: <jdesa7$70g$1@inews.gazeta.pl>
User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:8.0) Gecko/20111105 Thunderbird/8.0
X-Stationery: 0.7.7
Xref: news-archive.icm.edu.pl pl.comp.www:400053
[ ukryj nagłówki ]
W dniu 2011-12-28 11:50, Mirosław Zalewski pisze:
> środa, 28 grudnia 2011 11:30 wielka mądrość na czytelników pl.comp.www
> spłynęła, gdy tako rzekł(a) Marek:
>
>> Czy da się w CSS tak zdefiniować wartość atrybutu stylu:
>>
>> content: "<div>xxx</div>";
>>
>> aby powyższy string był wstawiany jako kod HTML a nie jako tekst do
>> przeczytania na stronie WWW łącznie z tagami<div>?
>
> CSS odpowiada za *prezentację* dokumentu, a nie jego *strukturę*. Przy
> pomocy CSS nie da się dodawać kodu HTML, i całe szczęście.
>
> Jeżeli chcesz dodać jakiś element, skorzystaj z JS. Albo od razu go miej
> w dokumencie, tylko ukryty przez ,,display: none". Potem przy pomocy JS
> będziesz go pokazywać (wymaga to mniej kodu niż tworzenie elementu i jego
> dodawanie w odpowiednim miejscu).

Pytanie czy potrzebujesz znaczników czy może tylko:
<html>
<head>
<style type="text/css">
h1
{
color:orange;
text-align:center;
}
h1::before { content: 'mozesz wstawic tekst z przodu'; }
h1::after{ content: 'i z tyłu'; }

</style>
</head>

<body>
<h1>example</h1>
</body>
</html>