Poznaję technologie webowe. Mam na stronie akapit którego treść jest dynamicznie
"rozwijana":

<p id="to_read" class="read_it">
Tu jest rozwijany dynamicznie tekst.
</p>

przy pomocy animacji JavaScriptowej:

// Rozwijany napis:
var itemIntro;
var lettersIntro = 0;
var textIntro = "";
function animateIntro(idText) {
if (idText !== null) {
itemIntro = document.getElementById(idText);
textIntro = itemIntro.innerHTML;
}
itemIntro.innerHTML = textIntro.substr(0, lettersIntro) +
((lettersIntro % 2) && lettersIntro < textIntro.length ?
"&#10162;" : "");
lettersIntro++;
if (lettersIntro <= textIntro.length) {
setTimeout("animateIntro(null)", 33);
}
}

To znaczy tekst w akapicie dynamicznie się wydłuża, przez co wysokość akapitu się
zwiększa, co powoduje przesuwanie reszty strony. Chciałbym zarezerwować na stronie
pewną wysokość dla tego akapitu, ale nie wiem jak to zrobić bo jestem początkujący.
Zrobiłem tak:

<div onload="this.style.minheight = this.styles.height">
<p id="to_read" class="read_it">
Tu jest rozwijany dynamicznie tekst.
</p>
</div>

ale nie działa. Byłbym wdzięczny za pomoc.

do góry

Witam, dnia Sat, 16 Aug 2014 13:11:49 -0700 (PDT)
j...@p...onet.pl napisał:

> <p id="to_read" class="read_it">
> Tu jest rozwijany dynamicznie tekst.
> </p>
>
> przy pomocy animacji JavaScriptowej: [...]

> To znaczy tekst w akapicie dynamicznie się wydłuża, przez co wysokość
> akapitu się zwiększa, co powoduje przesuwanie reszty strony.
> Chciałbym zarezerwować na stronie pewną wysokość dla tego akapitu,
> ale nie wiem jak to zrobić bo jestem początkujący. Zrobiłem tak:

<style>
p#to_read {
min-height: 500px; /* czy ile tam potrzeba */
}
</style>

o ile nie zmieniłeś <p> z display block na co innego

--
Tomek

do góry

Zrobiłem:

<p id="to_read" class="read_it" style="min-height: 70px">

ale nie podoba mi się to rozwiązanie ponieważ jeśli użytkownik zmniejszy bardzo
szerokość okna przeglądarki to tekst się nie mieści, a jeśli dam min-height>70px
to brzydko wygląda (za duży odstęp).
Czy da się naprawić moje rozwiązanie z przypisaniem height do min-height?

do góry

Dnia Sun, 17 Aug 2014 08:58:36 -0700 (PDT), j...@p...onet.pl
napisał(a):

> ale nie podoba mi się to rozwiązanie ponieważ jeśli użytkownik zmniejszy bardzo
szerokość okna przeglądarki to tekst się nie mieści, a jeśli dam min-height>70px
> to brzydko wygląda (za duży odstęp).
> Czy da się naprawić moje rozwiązanie z przypisaniem height do min-height?

Nie da się, jeśli szerokość ma być zmienna. To przecież jest oczywiste -
jak chcesz zachować powierzchnię prostokąta zmianiając wyłącznie jeden
wymiar?

--
Borys Pogoreło
borys(#)leszno,edu,pl

do góry

Masz rację, dziękuję, problem zamknięty.

do góry