Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][PHP] ukrywanie części treści na stronie
Forum PHP.pl > Forum > Przedszkole
adam2907
8.05.2018, 22:46:54
w jaki sposób można zrobić coś takiego jak jest na gumtree.pl na stronie danego ogłoszenia

ze nie jest pokazywany cały numer telefonu, tylko jego cześć a dopiero po kliknięciu "pokaz caly numer" pokazuje sie cały numer
Neutral
8.05.2018, 23:30:09
Chociażby tak: 

[HTML] pobierz, plaintext 
  1. <div id="phone_number">123456789</div>
[HTML] pobierz, plaintext


Kod
var phone_number = document.getElementById("phone_number");
var arr = [phone_number.innerHTML];
function foo(){
    if(phone_number.innerHTML.length==arr[0].length){
        var range = 3;
    }else{
        var range = arr[0].length
    }
    phone_number.innerHTML = arr[0].substring(0,range);
    
}
phone_number.addEventListener('click',foo,false);


http://www.forumweb.pl/poczatkujacy-webmas...ghlight=#534042

Zobacz sobie kod użytkownika @Chess, na tę chwilę ten ostatni post (07.05.2018 23:52).
adam2907
9.05.2018, 07:50:25
A w ktorym miejscu zdefiniowac tekst "pokaz caly numer"
Neutral
9.05.2018, 11:01:56
Jeśli pytasz oto, co podałem w link'u, to zmień to:

Kod
span2.innerText = '(...)';


na to:

Kod
span2.innerText = 'Show Whole Number';
adam2907
9.05.2018, 22:54:39
a czy da się to podpiąć do tego przykładu co Ty wyżej napisałeś?
niezbyt dobry jestem w js
Neutral
10.05.2018, 00:49:40
Pierwszy kod z tego link'a, co podałem kopiujesz i wklejasz na razie bez zmian (do jakiegoś edytora), to kod HTML. Drugi też kopiujesz i wklejasz go do edytora, np. Notepad++, ale musisz pamiętać, żeby dodać jeszcze <script>...</script>. Dla przykładu:

[HTML] pobierz, plaintext 
  1. <div class="x">This text will be fold.</div>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <script>
  2.  
  3. // here code from link, which i gave above
  4.  
  5. </script>
[HTML] pobierz, plaintext


W tym kodzie, co podałem w linku, ostatni POST na tę chwilę jest taka linijka (mój post wyżej), weź ją zedytuj (usuń) i napisz tę drugą linijkę co napisałem w poście wyżej. Ta linia:
Kod
var scope = 10;

odpowiada za długość wyświetlonego tekstu, więc jak zmienisz tę wartość na inną to będzie dłuższy bądź krótszy zależnie od tego, co tam wpiszesz.
adam2907
10.05.2018, 06:20:27
prawie jest ok

1.jak zrobić żeby po klikniecie w
Kod
span2.innerText = 'Pokaz caly tekst';

ten tekst "Pokaz caly tekst" zniknął

2. jak zrobić ze po kliknięciu "Pokaz caly tekst" wywołał sie
Kod
dataLayer.push({'event': 'Pokaz caly tekst'}
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-2024 Invision Power Services, Inc.