Ja sam ovo pojednostavio stvari, da bih video gde gresim u startu, a evo sta meni predstavlja problem:
Ja na stranici prikaz.html u headu includujem sledece:
Code:
<script type="text/javascript" src="/public/scripts/lib/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/public/scripts/jquery.metadata.js"></script>
<script type="text/javascript" src="/public/scripts/jquery.validate.js"></script>
<script type="text/javascript">
$().ready(function() {
var container = $('div.container');
var validator = $("#html_form").validate({
errorContainer: container,
errorLabelContainer: $("ol", container),
wrapper: 'li',
meta: "validate"
});
$("#resetButton").click(function() {
validator.resetForm();
document.html_form.reset();
});
});
</script>
<script type="text/javascript" src="/public/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "specific_textareas",
textarea_trigger : "convert_this",
theme : "advanced",
theme_advanced_buttons1 : "bold,italic,underline,separator,bullist,numlist, undo,redo,link,unlink,pastetext,cleanup,fullscreen",
theme_advanced_buttons2 : "",
theme_advanced_styles : "Page=pageLink",
plugins : "paste,fullscreen",
convert_newlines_to_brs : true,
valid_elements : "a[href|target=_blank],strong/b,br,p,em,i,u,li,ol,ul",
force_br_newlines : true,
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
fullscreen_new_window : true,
fullscreen_settings : {
theme_advanced_path_location : "top"
}
});
</script>
E sada u ovom kodu koji mi vraca server.php je u stvari html forma koja u sebi ima jedno tekstarea polje za koje bi trebalo da se inicijalizuje ovaj tinyMCE editor, takodje trebala bi i da radi se validacija forme
Code:
<div class="container">
<ol>
<li><label for="firstname" class="error"><img src="/public/images/icon/icon_err.gif" alt="error" border="0" /> Unesite ime</label></li>
<li><label for="lastname" class="error"><img src="/public/images/icon/icon_err.gif" alt="error" border="0" /> Unesite prezime.</label></li>
<li><label for="email" class="error"><img src="/public/images/icon/icon_err.gif" alt="error" border="0" /> Molimo Vas unesite ispravnu email adresu.</label></li>
<li><label for="username" class="error"><img src="/public/images/icon/icon_err.gif" alt="error" border="0" /> Unesite korisnicko ime.</label></li>
<li><label for="description" class="error"><img src="/public/images/icon/icon_err.gif" alt="error" border="0" /> Unesite opis.</label></li>
</ol>
</div>
<form id="html_form" name="html_form" action="/" method="post">
<input type="hidden" name="edit_id" id="edit_id" value="1" />
<fieldset>
<label for="firstname">Ime</label>
<input type="text" name="firstname" id="firstname" class="input {validate:{required:true}}" value="" />
<label for="lastname">Prezime</label>
<input type="text" name="lastname" id="lastname" class="input {validate:{required:true}}" value="" />
<label for="lastname">Email</label>
<input type="text" name="email" id="email" class="input {validate:{required:true, email: true}}" value="" />
<label for="lastname">Korisnicko ime</label>
<input type="text" name="username" id="username" class="input {validate:{required:true}}" value="" />
<label for="description">Opis</label>
<textarea name="description" id="description" class="input {validate:{required:true}}" convert_this="true" onpaste="return false"></textarea>
<p class="clear"> </p>
<input type="submit" name="submit" value="Potvrdi" class="submit" /><button type="button" id="resetButton" class="reset">Ponisti</button><button type="button" class="cancel">Odustani</button>
</fieldset>
</form>
Medjutim problem je sto ovaj html kod kada se upise u ovaj div "prikaz" on uopste ne vidi includovanje scripta iz heada strane i tako da ne radi ni inicijalizacija tinyMCE editor niti validacija forme.
To me muchi.
djLapac