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

[HTML] kopiowanie e-maila jednym kliknięciem?

VPS Starter Arubacloud
0 głosów
1,252 wizyt
pytanie zadane 20 lipca 2018 w HTML i CSS przez Jedwab Użytkownik (550 p.)
zmienione kategorie 20 lipca 2018 przez Arkadiusz Waluk
Witam, czy da radę bez JavaScript zrobić przycisk który kopiuje mi dany tekst? Chodzi mi o to, że zrobilem na dole strony E-mail. Dałem Hovera, ze po najechaniu adres e mail znika i pojawia się koperta, ale przez to ktoś kto chce go po prostu skopiować nie może tego zrobić. Dzieki
komentarz 20 lipca 2018 przez Mariusz08 Maniak (62,300 p.)
Zła kategoria (HTML/CSS)
komentarz 20 lipca 2018 przez ScriptyChris Mędrzec (190,190 p.)

po najechaniu adres e mail znika i pojawia się koperta, ale przez to ktoś kto chce go po prostu skopiować nie może tego zrobić

@Jedwab, co masz na myśli? Pokaż kod.

komentarz 21 lipca 2018 przez Jedwab Użytkownik (550 p.)
Chodzi o to, że ja sam ustawilem to, ze po najechaniu na e-mail ktory mam podany w stopce zamienia sie w koperte z czcionek fontello i ona ma odnośnik "mailto", ale przez to, że tak zrobilem jesli ktoś chcialby skopiować e-mail to nie może, bo tak jak mowilem po najechaniu myszka zmienia sie w koperte. Daltego chcialbym dodac obok guzik który kopiuje e-mail.
komentarz 21 lipca 2018 przez Jedwab Użytkownik (550 p.)
<footer class="mainfooter">
			<span>
				Wszystkie prawa zastrzeżone.
			</br></br>
			</span>
			<span class="emailBox">
			
				<span class="mailAfterHover">
					<a href="mailto:mateuszpiotrowski1997m2m@gmail.com"><i class="icon-mail-alt"></i></a>
				</span>
				
				<span class="email">
					<i class="icon-mail"></i>mateuszpiotrowski1997m2m@gmail.com<i class="icon-mail"></i>
				</span>
				
			</span>
</footer>
mainfooter
{
	width: 100%;
	height: 100px;
	background-color: black;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	text-align: center;
	color: white;
	font-size: 20px;
	padding-top: 20px;
}

.emailBox
{
	position: relative;
	margin: 0 auto;
	display: block;
	background-color: black;
	height: 45px;
	width: 500px;
	padding-bottom: 5px;
}

.email:
{
	background-color: yellow;
}

.email:hover
{
	opacity: 0;
}

.mailAfterHover
{
	display: block;
	width: 500px;
	height: 50px;
	position: absolute;
	opacity: 0;
	
}

.mailAfterHover:hover
{
	display: block;
	width: 500px;
	height: 50px;
	position: absolute;
	opacity: 1;
	background-color: black;
	
}

Tak wygląda kod

1 odpowiedź

0 głosów
odpowiedź 20 lipca 2018 przez Jason_Nr_1 Bywalec (2,980 p.)

Jeśli chcesz mieć kontrolę nad tym, jak e-mail jest wysyłany, to mailto: odpada w przedbiegach i najsensowniej jest zrobić po prostu formularz kontaktowy.

- Commander,

Jak nie oto chodzi to wyslil mi caly JS Kod E_Mailem!

Podobne pytania

0 głosów
0 odpowiedzi 488 wizyt
pytanie zadane 18 września 2019 w HTML i CSS przez Kajoo123 Nowicjusz (140 p.)
+1 głos
1 odpowiedź 347 wizyt
0 głosów
2 odpowiedzi 1,772 wizyt
pytanie zadane 23 maja 2020 w JavaScript przez Bakkit Dyskutant (7,600 p.)

92,770 zapytań

141,695 odpowiedzi

320,518 komentarzy

62,107 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!

...