Html tagaok kiirtása javascriptben vagy jquveryben input mezők használatával textareaba hogyan? (részletek a leírásban)
válasza:Szóval ha jól értem azt akarod, hogy a felhasználó megad egy csomó adatot és az alapján a textareaban lévő "kód" felépül, amit a felhasználó postolhat?
A: Most a kódot akarod az oldalra postoltatni?
B: Vagy a videót? Ha a videót a körítéssel, akkor azt nem így szokás. (és a kódja kicsit hosszú egy példának)
De lehet hogy csak én értettem félre, pontosíts hátha tudok segíteni(:
A lightbox amit használok úgy ismeri fel a linkeket hogy a linkeknek kapnia kell egy ilyen class-t="lightview".
Eddig egy olyan scriptet használtam ami gombnyomásra be írta ezt a textareba:
<a href="webhely címe pl http://port.hu" class="lightview" >Link neve(pl nézd meg ezt a színészt port.hu-n)</a>
Vagy youtubelinekhez ezt:
<a href="http://youtube.com/embed/?&autoplay=1"ide írd a watch?v= utáni szöveget a kérdőjel elé class="lightview" >Link neve,amire rá kattintanak</a>
Viszont ez egy átlag felhasználónak bonyolúlt.
Ezért gondoltam arra hogy inkább írja be az adatokat a mezőkbe,nyomjon rá a gombra ugyanúgy beilleszti a script a linket csak immár a mezőben beírt adatokkal helyetesíti be.
Amint erre rá nyomot még folytathatja a kommentelést,szóval a relodot ki kell kerülni.
Azért kell ezt opcionálissá teni mert nem minden link ágyazható be.
válasza:Ha jól értem amit szeretnél az nagyon egyszerű. Legyen a video input id-je video-input a video név input id-je mondjuk video-name-input. A video paste with lightbox gombé pedig video-button. A textarea-d id-je pedig comment. Ekkor egy ilyen jquery-t kell írnod:
$(document).ready(function(){
$("#video-button").click(function(){
var videoLink = $("#video-input").val();
var videoName = $("#video-name-input").val();
var comment = $("comment").val();
if(videoLink != "" && videoName != "")
{
var newComment = comment + '<a href="http://youtube.com/embed/'+videoLink+'" class="lightview" >'+videoName+'</a>';
$("#comment").val(newComment);
}
});
});
Elég egyszerű, szerintem innen már menni fog a másik gomb is, meg amivel még ki akarod egészíteni, autoplay, stb.
Köszi a választ nekem így sikerült megoldani:
Html:
<form class="form-container>
<p>
<label for="ytlink">Youtube.com/watch?v=</label>
<input class="form-field" maxlength="20" type="text" id="yt_link" name="ytlink" />
<label for="ytlinkname">Videó neve amire rá kattintanak(pl Nézd támadnak a majmok!)</label>
<input class="form-field" type="text" id="yt_link_name" name="ytlinkname" /><br /><br />
<input class="submit-button" type="button" id="btn1" value="Youtube videó link beágyazása keretbe" onclick="yt_link_transfer();" />
</p><br /><br />
<p>
<label for="link">http://</label>
<input class="form-field" type="text" id="link" name="link" />
<label for="linkname">Link neve amire rá kattintanak(pl nézd meg ezt a színészt!):</label>
<input class="form-field" type="text" id="link_name" name="linkname"/><br />
<input type="button"class="simalink" id="btn2" value="Link beágyazása keretbe" onclick="link_transfer();" />
</p>
</form>
head:
function yt_link_transfer(){document.getElementById("comment").value += '<a href="http://www.youtube.com/embed/';document.getElementById("comment").value += document.getElementById("yt_link").value;document.getElementById("comment").value += '?autoplay=1';document.getElementById("comment").value += '" class="lightview">';document.getElementById("comment").value += document.getElementById("yt_link_name").value;document.getElementById("comment").value += '</a> ';}function link_transfer(){document.getElementById("comment").value += '<a href="http://';document.getElementById("comment").value += document.getElementById("link").value;document.getElementById("comment").value += '" class="lightview">';document.getElementById("comment").value += document.getElementById("link_name").value;document.getElementById("comment").value += '</a> ';}
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!