• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Strona imitująca czat

Object Storage Arubacloud
0 głosów
173 wizyt
pytanie zadane 19 kwietnia 2022 w HTML i CSS przez martinez7589 Nowicjusz (120 p.)

Witam serdecznie,

Przychodzę z prośbą o radę i chęcią nauki. Pomagam znajomym oczywiści pro bono w stworzeniu strony a temat wygląda tak:

-Chcemy by strona rejestracji wyglądała jak czat ;) mianowicie pytanie - odpowiedź (-jak masz na imię? - bla bla itp.) i tutaj moje pytanie czy da się to ogarnąć w html+css ew. js (chciałbym żeby to wyglądało jak na tej stronie

- doszedłem do miejsca w którym strona zadaje pytanie ale nie wiem jak zatrzymać dalsze wykonywanie w oczekiwaniu na odpowiedź.

	</style>
<section class="chat">
   
   <div class="chat_message_A" style="--delay: 16s;">
      <div class="chat__content">
         <p>tekst2</p>   
      </div>
   </div>

   <div class="chat_message chat_A" style="--delay: 13s;">
      <div class="chat__content">
         <p>tekst1</p>   
      </div>
   </div>
   
   <div class="chat_message_A" style="--delay: 10s;">
      <div class="chat">
         <p>tekst1</p>   
      </div>
   </div>   

   <div class="chat_message_B" style="--delay: 7s;">
      <div class="chat">
         <p>
		<button onclick="setTimeout(example)">odpowiedz</button>
			 <br /></p>   
      </div>
   </div>
	
	<div class="chat_message_A" style="--delay: 6s;">
      <div class="chat">
         <p>pytanie?</p>   
      </div>
   </div>   

   <div class="chat_message_A" style="--delay: 2s;">
      <div class="chat">
         <p>tekst1.<br />
            tekst2</p>   
      </div>
   </div>


</section>

Bardzo proszę Was o jakieś sugestie i pomoc.

1 odpowiedź

0 głosów
odpowiedź 20 kwietnia 2022 przez kamil Danielski Użytkownik (540 p.)

Można coś takiego zrobić w CSS, JS

Ja bym zrobił tak, że inputy są ``` display: none; ```

i gdy ktoś skończy pisać i będzie np. 5 znaków, to wtedy pojawia się kolejny input

coś w stylu

```


function input1(){

var name =  $('#name');

if( name.length > 5) {$('#number').show(); }

else { {$('#number').val("").hide(); }

}


```

z założeniem, ze jak usunie znaki, to wszystko tez zostanie usunięte.

i wiadomo, trzeba  określić kiedy byłby nasłuch tej funckji ale chyba wystarczy przy zmianie inputa więc

```
 

$("input").change(function(){
input1();

});



```

komentarz 21 kwietnia 2022 przez martinez7589 Nowicjusz (120 p.)
Dziękuję za poradę,

Jest jednak pewne ale ponieważ to pole odpowiedzialne było by za przechwytywanie info na potrzeby rejestracji musiała by się dalszą część "czatu" pojawiać dopiero po kliknięciu submita
komentarz 22 kwietnia 2022 przez kamil Danielski Użytkownik (540 p.)

to dajesz na słuch na button

```
 

$("button").submit(function(){

input1()

});



```

i wtedy dopiero będzie skrypt wykonywał obliczenia. wartości w zmiennych będą trzymane dopóki klient jest na stronie, więc może nacisnąć kilka sumbmitow i na koniec ten najważniejszy "rejestruj".

Z ta logika mozesz zrobić co chcesz, bo może tez być tak ze są jakieś niewidoczne <p id="zzz"></p>  i one będą zadawać pytanie w oknie czatu w stylu

 

```



if( name.length > 5) {

$('#number').show();

/pokazujemy nowy input

$('#text").hide();

/chowamy obecny

$('#demotext).html("podaj teraz swoje imię");

}


```

 

i tak dalej i tak dalej.. możesz

Podobne pytania

0 głosów
2 odpowiedzi 1,577 wizyt
pytanie zadane 22 stycznia 2017 w Nasze projekty przez Jonasz Osmenda Nowicjusz (120 p.)
+1 głos
2 odpowiedzi 246 wizyt
0 głosów
2 odpowiedzi 293 wizyt
pytanie zadane 13 lutego 2018 w Sprawy forum przez J0ker Pasjonat (15,400 p.)

92,687 zapytań

141,598 odpowiedzi

320,087 komentarzy

62,047 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

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!

...