Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Rosturi de dilatare faianta

Sfat achizitie bicicleta 2000-250...

Dezbatere mostenire?
 Restrictionare editare useri in G...

Cresc impozitele pe proprietate +...

Recomandare masina ras

Teorie Q
 Setari Growatt 3000 TL-X

Ecran negru la pornire

Sarma pentru antena de ferita - r...

Ce se canta in melodie ?!
 Camera de bord (Buget ~200-250 lei)

Bubuie economia uslamista: Uslamu...

Compatibilitate router

Compatibilitate Switch - Telefon ...
 

Text informativ casuta text

- - - - -
  • Please log in to reply
5 replies to this topic

#1
Revers20

Revers20

    Junior Member

  • Grup: Members
  • Posts: 90
  • Înscris: 07.04.2013
Salut, vreau sa creez o casuta text in care sa apara un text informativ de exemplu "Completeaza cu numele tau", acest text sa dispara in momentul cand faci click pe casuta respectiva, daca ma poate ajuta cineva cu un exemplu. Multumesc.

#2
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 29,136
  • Înscris: 24.02.2007
https://www.w3school...placeholder.asp

#3
Revers20

Revers20

    Junior Member

  • Grup: Members
  • Posts: 90
  • Înscris: 07.04.2013
Ok, problema mea tine de javascript acuma am observat, daca poate muta cineva topicul.

var _build_embed_text = function(_text){
		 var _el = '<div class="tt-el-embed tt-el-embed-text"> \
						 <div class="entry-text" contenteditable="true"></div> \
					 </div>';
		 var $el = $(_el);
		 $el.append(_embed_tools);
		 $el.find('.entry-text').html(_text);
		 $('#tt_frontend_content').append( $el );
		 _embed_tools_handler();
	 };

si mai am
$('.embed_components').find('a.embed_com_text').on('click', function(){
		 _build_embed_text('Scrie aici textul tau.');
	 });


Cand apesi pe un anumit buton pe site se creeaza o casuta text in pagina.
<a href="javascript:;" class="embed_com_text"><i class="fa fa-pencil"></i><?php esc_html_e('Add text', 'nrgnetwork'); ?></a>


In casuta respectiva apare textul din javascript din al 2-lea cod "Scrie aici textul tau", acest text as vrea sa dispara in momentul in care faci click pe casuta, el trebuie sters cu backspace.

Edited by Revers20, 17 October 2017 - 20:53.


#4
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 29,136
  • Înscris: 24.02.2007
Ai citit ce scrie in linkul oferit?

#5
Revers20

Revers20

    Junior Member

  • Grup: Members
  • Posts: 90
  • Înscris: 07.04.2013
Da doar ca prin placeholder se adauga inca o casuta text peste actuala casuta text si nu stiu cum sa adaug functia in acest cod javascript, si actuala casuta text nu e chiar o casuta text clasica.

[ https://s1.postimg.org/59hqstgwjj/image.png - Pentru incarcare in pagina (embed) Click aici ]

si daca adaug codul

[ https://s1.postimg.org/9hwy2n7shb/image.png - Pentru incarcare in pagina (embed) Click aici ]

#6
laffin

laffin

    Senior Member

  • Grup: Senior Members
  • Posts: 7,563
  • Înscris: 16.03.2007
1. Adauga atributul placeholder la elementul asta

<div class="entry-text" contenteditable="true" placeholder="sunt un noob"></div>

2. Adauga css-ul asta

[contenteditable=true]:empty:before {
content: attr(placeholder);
display: block;
}



Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate