Supervisor |
"> |
| Chronos | |
|
[JS] Sistema de etiqueta (TAG) en los temas - 20/4/2018, 4:18 pm
Image Preview:File name: Sistema de etiqueta (TAG) en los temas Author: @Daemon Functionality: Todas las versiones Details:Primero ve a tu... Administration Panel → Modules →Html & Javascript Management → Javascript Management |
Name: Sistema de etiqueta (TAG) en los temas Placement: Todas las páginas - Código:
$(document).ready(function() { var sub = '1';//Set here the sub-forum which will be added to the tag system// if($('input[name="f"][value="'+sub+'"]').length) { $('<dl><dt><label>Add on TAG</label></dt><dd><select id="TagList"><option value="">No tag</option></select><input type="text" id="tagged" placeholder="Add one or more tags..." /></dd></dl>').insertBefore('#smiley-box'); var tags = ['Test TAG 1', 'Test TAG 2', 'Test TAG 3'];//Select the tags by separating them with commas and single quotes// var sel = document.getElementById('TagList'); for(var i = 0; i < tags.length; i++) { var opt = document.createElement('option'); opt.innerHTML = tags[i]; opt.value = tags[i]; sel.appendChild(opt); }
$(sel).change(function() { var tagval = $('#tagged').val(); var newtag = $('option:selected', this).val(); if(tagval == '') { $('#tagged').val(newtag); }else { $('#tagged').val(tagval+', '+newtag); } });
$('input[type="submit"]').click(function() { if($(sel).val() !== '') { var textarea = $('#text_editor_textarea').sceditor('instance').val(); var getTags = $('#tagged').val(); $('#text_editor_textarea').sceditor('instance').val(textarea+'\n\n\n[table class="tableTag"][tr][td][b]Tags:[/b] '+getTags+'[/td][/tr][/table]'); } });
} }); después de eso ve a tu Administration Panel → Display → CSS | - Código:
#TagList{vertical-align:top;margin-right:8px} input#tagged{-moz-border-radius:2px;-webkit-border-radius:2px;background:#fff;min-width:65%;border-color:#848484 #c1c1c1 #e1e1e1;border-radius:2px;border-style:solid;border-width:1px;font-size:15px;font-weight:bold;outline:none;padding:4px} .tableTag{background:rgb(251,251,251);display:block;padding:3px;max-width:75%;border:1px solid #2c4e87;box-shadow:0 1px 3px;color:rgb(83,100,130);margin:0 auto}
| Permisos de este foro: | No puedes responder a temas en este foro.
Código [IMG] está Activado Código HTML está Activado
|
|
|