Pregunta:
Fecha: 26-11-2015 06:29:10
(En Español)
Hoy estuve mirando un viejo BBCode que habia hecho para integrarlo en mi página pero me encontre con varios errores y incompatibilidad con librerias externas de JQUERY.
shadowbox.js
Cada vez que lo ejecuto no me deja cerrar el shadowbox de ninguna manera y tal vez si hay forma de quitar esta linea en el código.
He aquí el JavaScript
Si alguien tal vez me ayuda a pasarlo a JQUERY XD. Votos: 0 - Respuestas: 1 - Vistas: 5 Compartir en: Google Facebook Twitter LinkedIn Link
Ayuda con incompativilidad BBCode[Resuelta]
Hola amigos,Hoy estuve mirando un viejo BBCode que habia hecho para integrarlo en mi página pero me encontre con varios errores y incompatibilidad con librerias externas de JQUERY.
shadowbox.js
Cada vez que lo ejecuto no me deja cerrar el shadowbox de ninguna manera y tal vez si hay forma de quitar esta linea en el código.
<body onload="init('volanta','contexto')">
He aquí el JavaScript
function init(){
incluidos=init.arguments;
for(i=0;i<incluidos.length;i++){
var cuerpo=document.body.innerHTML;
html="<div id=\"markItUpBody_comm\" class=\"markItUp\"><div class=\"markItUpContainer\"><div class=\"markItUpHeader\"><ul><li class=\"markItUpButton markItUpButton1\"><i class=\"BBCode fa fa-bold\" onclick=\"instag('b','"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left:5px;\"></i></li><li class=\"markItUpButton markItUpButton1\"><i class=\"fa fa-underline\" onclick=\"instag('u','"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left:5px;\"></i></li><li class=\"markItUpButton markItUpButton2\"><i class=\"fa fa-italic\" onclick=\"instag('i','"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left: 5px;\"></i></li><li class=\"markItUpButton markItUpButton3\"><i class=\"fa fa-link\" onclick=\"inslink('"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left: 5px;\"></i></li><li class=\"markItUpButton markItUpButton4\"><i class=\"fa fa-file-image-o\" onclick=\"captura_imag('"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left: 5px;\"></i></li><li class=\"markItUpButton markItUpButton5\"><i class=\"fa fa-smile-o\" onclick=\"ventana_emot('"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left: 5px;\"></i></li><li class=\"markItUpButton markItUpButton6\"><i class=\"fa fa-code\" onclick=\"instag('code','"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left: 5px;\"></i></li><li class=\"markItUpButton markItUpButton7\"><i class=\"fa fa-list-alt\" onclick=\"instag('quote','"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left: 5px;\"></i></li><li class=\"markItUpButton markItUpButton8\"><i class=\"fa fa-list-ul\" onclick=\"instag('list=ul','"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left: 5px;\"/></i></li><li class=\"markItUpButton markItUpButton8\"><i class=\"fa fa-list\" onclick=\"instag('list=li','"+incluidos[i]+"')\" style=\"cursor:pointer;cursor: hand;margin-left: 5px;\"/></i></li></ul></div><textarea name=\""+incluidos[i]+"\" cols=\"45\" rows=\"5\" class=\"onblur_effect autogrow markItUpEditor\" id=\""+incluidos[i]+"\">";
pat="<textarea+[^>]*"+incluidos[i]+"+[^<]+";
patron =new RegExp(pat,"gi");
coincidencias=new Array();
coincidencias=cuerpo.match(patron);
for(j=0;j<coincidencias.length;j++){
result=new Array();
result=coincidencias[j].match(/\s+id=[^>\s]+/g);
result[0]=result[0].split('"').join('');
result[0]=result[0].split('id=').join('');
result[0]=result[0].split(' ').join('');
if(result[0]==incluidos[i]){
valor=new Array();
valor2='';
valor=coincidencias[j].split('>');
if(valor.length>1){
for(k=1;k<valor.length;k++){
valor2+=valor[k];
}
}
cuerpo2=cuerpo.split(coincidencias[j]);
}
}
document.body.innerHTML=cuerpo2[0]+html+valor2+cuerpo2[1];
}
}
function instag(tag,campo){
var input = document.getElementById(campo);
if(typeof document.selection != 'undefined' && document.selection) {
var str = document.selection.createRange().text;
input.focus();
var sel = document.selection.createRange();
sel.text = "[" + tag + "]" + str + "[/" +tag+ "]";
sel.select();
return;
}
else if(typeof input.selectionStart != 'undefined'){
if(typeof input.scrollTop != 'undefined'){
var st=input.scrollTop;
var sl=input.scrollTop;
}
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + '['+tag+']' + insText + '[/'+tag+']'+ input.value.substr(end);
input.focus();
if(typeof input.scrollTop != 'undefined'){
input.scrollTop=st;
input.scrollTop=sl;
}
input.setSelectionRange(start+2+tag.length+insText.length+3+tag.length,start+2+tag.length+insText.length+3+tag.length);
return;
}
else{
input.value+=' ['+tag+']Reemplace este texto[/'+tag+']';
return;
}
}
function inslink(campo){
var input = document.getElementById(campo);
if(typeof document.selection != 'undefined' && document.selection) {
var str = document.selection.createRange().text;
input.focus();
var my_link = prompt("Enter URL:","http://");
if (my_link != null) {
if(str.length==0){
str=my_link;
}
var sel = document.selection.createRange();
sel.text = "[a href=" + my_link + "]" + str + "[/a]";
sel.select();
}
return;
}else if(typeof input.selectionStart != 'undefined'){
if(typeof input.scrollTop != 'undefined'){
var st=input.scrollTop;
var sl=input.scrollTop;
}
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
var my_link = prompt("Enter URL:","http://");
if (my_link != null) {
if(insText.length==0){
insText=my_link;
}
input.value = input.value.substr(0, start) +"[a href=" + my_link +"]" + insText + "[/a]"+ input.value.substr(end);
input.focus();
if(typeof input.scrollTop != 'undefined'){
input.scrollTop=st;
input.scrollTop=sl;
}
input.setSelectionRange(start+11+my_link.length+insText.length+4,start+11+my_link.length+insText.length+4);
}
return;
}else{
var my_link = prompt("Ingresar URL:","http://");
var my_text = prompt("Ingresar el texto del link:","");
input.value+=" [a href=" + my_link + "]" + my_text + "[/a]";
return;
}
}
function ventana_emot(area){
coordx=screen.width?(screen.width-300)/2:0;
coordy=screen.height?(screen.height-150)/2:0;
window.open("../bbcode/emoticons/emoticons.html?campo="+area,"EMOTICONS","width=300,height=150,menubar=no,resizable=yes,left="+coordx+",top="+coordy);
}
function ins_imag(emot,area){
var input = document.getElementById(area);
if(typeof document.selection != 'undefined' && document.selection) {
var str =document.selection.createRange().text;
input.focus();
var sel =document.selection.createRange();
sel.text = str + emot;
sel.select();
return;
}
else if(typeof input.selectionStart != 'undefined'){
if(typeof input.scrollTop != 'undefined'){
var st=input.scrollTop;
var sl=input.scrollTop;
}
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + insText+ emot + input.value.substr(end);
input.focus();
if(typeof input.scrollTop != 'undefined'){
input.scrollTop=st;
input.scrollTop=sl;
}
input.setSelectionRange(end+emot.length,end+emot.length);
return;
}
else{
input.value+=emot;
return;
}
}
function captura_imag(area){
var my_link = prompt("Ingresar URL:","http://");
if (my_link != null) {
ins_imag('[img src=\"'+my_link+'\"]',area);
}
}
Si alguien tal vez me ayuda a pasarlo a JQUERY XD. Votos: 0 - Respuestas: 1 - Vistas: 5 Compartir en: Google Facebook Twitter LinkedIn Link
Respuestas:
-
Fecha: 03-12-2015 10:03:54 Por qué no creas un repo en gitlab y pones la liga aquí? Así es más fácil que te ayudemos Votos: 0 - Link respuesta
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
