Ahoj, potřeboval bych vložit html kod do textarea přes odkaz ale netuším jak :-( Poradíte?
Fórum › JavaScript, AJAX, jQuery
Vložení htm kodu do textarea
Jan Malý | web: www.malyphoto.cz, @malyphoto
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html>
<head>
<meta
http-equiv = "content/type"
content = "text/html; charset = utf-8"
/>
<script
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
type = "text/javascript"
></script>
<script>
$(function() {
$('a').click(function() {
$('textarea').text(
'<html>\n' +
' <body>\n' +
' </body>\n' +
'</html>'
);
});
});
</script>
</head>
<body>
<textarea></textarea>
<a href="#">vložit</a>
</body>
</html>
len taka rychlovka co ma napadla, hadam to pojde:
<textarea id="textak"></textarea>
<span onclick="document.getElementById('textak').value='bla bla';">vloz text</span>
To asdasd : tohe řešení se mi moc líbí, jen mám problém že to přepíše veškerý obsah co tam již je. Dalo by se to nějako upravit aby se to přidalo buď na konec a nebo na místo kurzoru?
A ještě jeden problém vznikl. Pokud do textarea něco napíšu, už to tam nechce vkládat ten kod
EDIT: Problémy opraveny. Pro pořádek zde dávám na ukázku kod
<script>
$(function() {
$('a.code1').click(function() {
var areaValue = $('#ArtContent').val();
$('#ArtContent').val(areaValue +
'<div class="trida">\n' +
' <img src="obrazek" width="500" height="250" alt="" />\n' +
' <p>Lorem lipsum</p>\n' +
'</div>'
);
});
$('a.code2').click(function() {
var areaValue = $('#ArtContent').val();
$('#ArtContent').val(areaValue +
'<p>\n' +
'nejaky text\n' +
'</p>'
);
});
});
</script>
<textarea name="nazev" id="ArtContent" rows="15" ></textarea>
<a class="code1" href="#">code 1</a>
<a class="code2" href="#">code 2</a>
Jan Malý | web: www.malyphoto.cz, @malyphoto
Čau. Já bych to viděl spíš nějak takhle:
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html>
<head>
<meta
http-equiv = "content/type"
content = "text/html; charset = utf-8"
/>
<script
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
type = "text/javascript"
></script>
<script>
$(function() {
var html = {
image:
'<div class="trida">\n' +
' <img src="obrazek" width="500" height="250" alt="" />\n' +
' <p>Lorem lipsum</p>\n' +
'</div>',
someText:
'<p>\n' +
' nejaky text\n' +
'</p>'
};
$('[class^=insert_]').click(function() {
var
options = $(this).attr('class').split('_'),
what = html[options[1]],
$where = $('#' + options[2]),
text = $where.val(),
text = text ? text + '\n' : text;
$where.val(text + what);
});
});
</script>
</head>
<body>
<textarea id = "target" rows = "15"></textarea>
<a class = "insert_image_target" href = "#">Vložit obrázek</a>
<a class = "insert_someText_target" href = "#">Vložit nějaký text</a>
</body>
</html>
Zjistit počet nových příspěvků
Přidej příspěvek
Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
Uživatelé prohlížející si toto vlákno
Uživatelé on-line: 0 registrovaných, 1 host
Podobná vlákna
Vložení smajlíků do textarea — založil prema
Vložení textu z programu do HTML textarea — založil Jack020
Vlozeni textu do TextArea za behu programu — založil polerok
Vložení jedné funkce do kódu — založil Lomby
Vlozeni cizeho kodu do stranek — založil Ruda
Moderátoři diskuze