Är mycket medveten om att koden ser för jävligt ut, skulle fixa iordning den bara jag fick en fungerande kod först, men det gick inte riktigt som jag hade tänkt mig...
Just nu sparar jag ner alla "sidnamn" till en hidden input så dom lägger sig såhär Sida 1, Sida 2, Sida 3.
Den delen funkar som den ska, det är när jag ska radera "menyn/sidan" som det börjar, jag lyckas få min räknare att gå ner ett steg men jag vet inte hur jag ska få ut sidnamnet ifrån input rutan, någon som har en liten aning?
Iaf här kommer den slarviga koden, har ni tips på vad jag kan förändra eller en lösning får ni jätte gärna dela med er.
Ett stycke javascript-kod:
$(".addLinks").click(function() {
var total = parseFloat($(".hiddenCounter").val()) + 1;
$(".hiddenCounter").val(total);
$("#articles_textarea").update_textarea(total);
});
$(document).on('click', '.cogwheel', function() {
var link = $(this).data('pageid');
$(".pages").not(".page" + link).hide();
$(".links").not("#link-" + link).show();
$("#link-" + link).toggle();
$(".page" + link).toggle();
});
$(document).on('click', '.deletecross', function() {
$(".deleteClass" + $(this).data('pageid')).remove();
var total = parseFloat($(".hiddenCounter").val()) - 1;
$(".hiddenCounter").val(total);
var this_val = $(".pagae" + $(this).data('pageid')).val();
this_val.replace($(".pagae" + $(this).data('pageid')).val(), "");
$(".pagae" + total).val(this_val);
});
$(document).on('keyup', '.pages', function() {
var pageID = $(this).data('pageid');
var pages = $(".pagae").val();
$(".pagae" + pageID).val($(this).val());
$(".pagetest" + pageID).html($(this).val());
$(".pagae").val(pages + $(this).val());
$("#link-" + pageID).html($(this).val());
});
message = new Array();
jQuery.fn.update_textarea = function(test) {
//for (i=0;i<test;++i) {
if (message[test]) { $(".MenuLinks").append('<tr><td width="150"><a href="#" id="link-' + test + '">Sida ' + test + '</a></td><td align="right"><span class="glyphicon glyphicon-cog"></span></td></tr>');$("#articles_textarea").append('<h2>askda</h2><textarea id="editor-1"></textarea>'); }
else {
message[test] = '';
var TDRow1 = '<tr class="deleteClass' + test + '"><td width="150"><a href="#Sida' + test + '" id="link-' + test + '" data-toggle="tab" class="links">Sida ' + test + '</a><input type="text" name="pages[]" value="Sida ' + test + '" class="pages page' + test + '" data-pageid="' + test + '"></td>';
var TDRow2 = '<td align="right" width="20"><span class="glyphicon glyphicon-cog cogwheel" data-pageid="' + test + '" title="Redigera"></span></td></tr>';
var TDRowRemove = '<td align="right" width="10"><span class="glyphicon glyphicon-remove deletecross" data-pageid="' + test + '" #ff0000;" title="Radera"></span></td>';
var TDFake = '<td></td>';
if (test != 1) {
var TRRow = TDRow1 + TDRowRemove + TDRow2;
}
else {
var TRRow = TDRow1 + TDFake + TDRow2;
}
$(".MenuLinks").append(TRRow); $("#articles_textarea").append('<div id="Sida' + test + '" class="tab-pane"><input type="hidden" class="pagae' + test + '" name="pagae[]" value="Sida ' + test + '"> <h2 class="pagetest' + test + '">Sida ' + test + '</h2><textarea name="editor[]" id="editor-' + test + '" class="editor" data-pageid="' + test + '"></textarea></div>');
$("#editor-" + test).wysibb({lang: "en"});
}
//}
}
/* If no textareas available add a new one */
if (message.length == 0) {
$(this).update_textarea(1);
$("#Sida1").addClass("active");
}
Bara så att det inte blir något missförstått, denna koden ligger inom document ready. och .Addlinks är en knapp du trycker på, och wysibb är en rysk texteditor, använder den bara som test just nu, så får man igång det med en vanlig textarea blir jag lycklig.
Volbeat - Evelyn is the thing ! :D