Logowanie

Rozwijanie tekstu

pytanie zadane 29 marca 2016 w HTML i CSS przez Nicolaus Dyskutant (9,740 p.)

Witam. Potrzebuje zrobić tak aby po kliknięciu na zdjęcie rozwijał się tekst. Jak można to zrobić w HTML?

4 odpowiedzi

odpowiedź 29 marca 2016 przez sekut1626 Obywatel (1,210 p.)
wybrane 21 czerwca 2016 przez Nicolaus

Najlepsza

Proszę, o to przykładowe rozwiązanie Twojego problemu:

<html>
<head>
<script>
function switchInfo()
{
   var info = document.getElementById('info')
   info.style.display=(info.style.display=='none')?'':'none'
}
</script>
</head>
<body>
<span onclick="switchInfo()"><img src="grafika.jpg"></span>
<div id="info" style="display:none">
A tutaj masz ladne dodatkowe info.
</div>
</body>
</html>

musisz podmienić grafikę na własną i sprawdź czy działa u Ciebie i czy o to chodziło ;)

Pozdrawiam!

komentarz 29 marca 2016 przez Mateusz11 Pasjonat (22,910 p.)

style="" na serio?

komentarz 29 marca 2016 przez Nicolaus Dyskutant (9,740 p.)

Działa! Dziękuję bardzo!

komentarz 29 marca 2016 przez sekut1626 Obywatel (1,210 p.)

znalazłem przykładowy kod w sieci i go dostosowałem do problemu w tym wątku, więc użytkownik może poprawić go sobie ;)

odpowiedź 29 marca 2016 przez Mateusz11 Pasjonat (22,910 p.)

W samym HTML, raczej tego nie zrobisz. Jak już to w grę wejdzie JavaScript

komentarz 29 marca 2016 przez Nicolaus Dyskutant (9,740 p.)

Chciałbym aby zmieniała się tylko zawartość danego diva a nie cała strona

komentarz 29 marca 2016 przez Mateusz11 Pasjonat (22,910 p.)

W HTML tego nie zrobisz, jak już to w JavaScript, musisz kodować zdarzeniowo, czyli po kliknięciu w obrazek, zmień wewnętrzny HTML diva, na inny

komentarz 29 marca 2016 przez Nicolaus Dyskutant (9,740 p.)

A Pan Mirosław opisywał to w którymś z filmów o JS?

komentarz 29 marca 2016 przez Mateusz11 Pasjonat (22,910 p.)

Chyba nie ale spróbuje Ci to wytłumaczyć:

HTML:

<div id="div" />
       <img src="./images/jpg.jpg" onclick="change_div();" />
</div>

JS:

<script>
function change_div()
{
document.getElemntById("div").innerHTML("Text po kliknieciu"); //doccument..Id łapiesz element|| innerHTML - podmieniasz HTML tego diva na swój
}
</script>

odpowiedź 30 marca 2016 przez Eimens Maniak (69,240 p.)

odpowiedź 1 kwietnia 2016 przez Nicolaus Dyskutant (9,740 p.)

Podobne pytania

0 głosów

3 odpowiedzi 1,687 wizyt

Podświetlenie linków/przycisków oraza rozwijanie po kliknięciu.

pytanie zadane 15 września 2016 w HTML i CSS przez ShadoWs Bywalec (2,800 p.)

0 głosów

2 odpowiedzi 121 wizyt

Zawijanie tekstu w menu

pytanie zadane 29 lutego w HTML i CSS przez whiteman808 Obywatel (1,820 p.)

+2 głosów

2 odpowiedzi 165 wizyt

Zmniejszenie zaznaczenia tekstu w pionie

pytanie zadane 9 listopada 2021 w HTML i CSS przez FabQ Początkujący (450 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Rozwijanie tekstu

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

4 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci