Text informativ casuta text

#1
Revers20

Posted 17 October 2017 - 19:17

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.

Back to top

#2
dani.user

Posted 17 October 2017 - 19:37

Guru Member

Grup: Senior Members
Posts: 29,851
Înscris: 24.02.2007

https://www.w3school...placeholder.asp

Back to top

#3
Revers20

Posted 17 October 2017 - 20:49

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.

Back to top

#4
dani.user

Posted 17 October 2017 - 21:11

Guru Member

Grup: Senior Members
Posts: 29,851
Înscris: 24.02.2007

Ai citit ce scrie in linkul oferit?

Back to top

#5
Revers20

Posted 17 October 2017 - 21:26

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 ]

Back to top

#6
laffin

Posted 18 October 2017 - 02:27

Senior Member

Grup: Senior Members
Posts: 8,940
Î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;
}

Back to top

Anunturi

Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

www.neurohope.ro

Text informativ casuta text

#1 Revers20 Posted 17 October 2017 - 19:17

#2 dani.user Posted 17 October 2017 - 19:37

#3 Revers20 Posted 17 October 2017 - 20:49

#4 dani.user Posted 17 October 2017 - 21:11

#5 Revers20 Posted 17 October 2017 - 21:26

#6 laffin Posted 18 October 2017 - 02:27

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Revers20

Posted 17 October 2017 - 19:17

#2
dani.user

Posted 17 October 2017 - 19:37

#3
Revers20

Posted 17 October 2017 - 20:49

#4
dani.user

Posted 17 October 2017 - 21:11

#5
Revers20

Posted 17 October 2017 - 21:26

#6
laffin

Posted 18 October 2017 - 02:27