| Autor | Zpráva | ||
|---|---|---|---|
| Majkelju Profil |
#1 · Zasláno: 7. 12. 2012, 15:08:08
Ahoj,
mám takový asi banální problém, ale nepodařilo se mi vygooglit řešení. Mám obyčejné textové pole, do kterého, když kliknu, tak chci, aby se automaticky označil celý text, který pole obsahuje. Momentálně, když do něj kliknu, tak se kurzor nastaví za poslední znak textu, což je pro účely aplikace nepraktické. Poradí někdo? |
||
| ShiraNai7 Profil |
#2 · Zasláno: 7. 12. 2012, 15:33:10
<textarea onclick="this.select()">Heyy</textarea> |
||
| Majkelju Profil |
#3 · Zasláno: 7. 12. 2012, 15:43:29
Děkuji :)
|
||
| Chamurappi Profil |
#4 · Zasláno: 7. 12. 2012, 15:53:22
Reaguji na ShiraNaiho7:
Použil bych spíš onfocus.
|
||
| ShiraNai7 Profil |
#5 · Zasláno: 7. 12. 2012, 18:19:46
Chamurappi:
onfocus se nechová dobře - označení se po kliknutí ruší (podle toho kam se klikne). Spolehlivě funguje jen v IE.
|
||
| user243 Profil |
#6 · Zasláno: 7. 12. 2012, 19:09:07
mně přijde, že funguje normálně; stejně se chová i adresní řádek prohlížeče;
|
||
| ShiraNai7 Profil |
#7 · Zasláno: 7. 12. 2012, 19:29:35
user243:
To by mě zajímalo jak a v čem to zkoušíš. Třeba by to šlo rozchodit přidáním složitějšího JS do onfocus, ale nevidím k tomu důvod. Verze onclick funguje spolehlivě ve všech prohlížečích.
Verze s onfocus se chová takhle:
• Firefox - při prvním focusu se vybere, při dalším se vybere ale hned zruší a tak stále dokola; je jedno kam se klikne • Chrome, Safari - výběr se vždy zruší; je jedno kam se klikne • Opera - ta jediná funguje jako "adresní řádek" - po kliknutí do textu se nevybere, po kliknutí mimo ano • IE - vždy se vybere bez ohledu na to kam se klikne Zkoušel jsem to na následujícím. <!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
</head>
<body>
<textarea onfocus="this.select()" rows="10" cols="50">Heyy</textarea><br />
<input onfocus="this.select()" type="text" value="Heyy" />
</body>
</html> |
||
| user243 Profil |
#8 · Zasláno: 7. 12. 2012, 23:09:41
chyba na mé straně, špatně jsem to pochopil;
<textarea onclick="this.select()">Heyy</textarea> |
||
| joe Profil |
#9 · Zasláno: 7. 12. 2012, 23:22:30 · Upravil/a: Moderátor (editace znemožněna) 10. 12. 2012, 09:51:38
ShiraNai7:
„onfocus se nechová dobře - označení se po kliknutí ruší (podle toho kam se klikne). Spolehlivě funguje jen v IE.“ V Opeře mi onfocus funguje dobře, jako adresní řádek, při každém focusu se vybere.
Lepší je využít onfocus, lidé používají i klávesnici, ne všichni jsou klikálkové.
<input onfocus="select(this)"> function select(element) {
setTimeout(function () {
element.select();
}, 50);
}A pokud autor vymýšlí textové "nápovědy" ve vstupních polích, jsou tu od toho placeholdery.
mmm - dotaz ve špatné kategorii Moderátor Alphard: Přesunuto do js.
|
||
| Majkelju Profil |
#10 · Zasláno: 10. 12. 2012, 09:43:58
Děkuji za pomoc, ještě bych to rád udělal v jQuery v DataTables, tam jsem zjistil, že si s tímhle postupem asi nevystačím, nebo nevím, kam to umístit...Moc tomu kódu nerozumím, ale pochopil jsem snad dobře, že je třeba upravit něco tady:
"fnDrawCallback": function () {
$('#table_dzs tbody tr td:nth-child(7)').editable( './files/save_dzs.php?stavba=<?echo $stavba;?>', {
"callback": function( sValue, y ) {
var aPos = oTable.fnGetPosition( this );
oTable.fnUpdate( sValue, aPos[0], aPos[2] );
},
"submitdata": function ( value, settings ) {
return { "id": oTable.fnGetData( this.parentNode )[0], // get the value of first row/column. In my case it is the "id" in database
"value": oTable.fnGetPosition( this )[7] // Column number
};
},
"height": "14px"
});
}Pokud taková věc v DataTables nejde, tak se s tím smířím :) |
||
|
Časová prodleva: 11 let
|
|||
0