jquery validate plugin added

master
jfdelrio 2007-10-25 16:55:05 +00:00
parent e80d1f4be4
commit 6a9e4893d3
11 changed files with 320 additions and 130 deletions

View File

@ -160,3 +160,8 @@ div.conversation ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 1
#admin-table thead tr .headerSortUp {background-image: url(images/asc.gif);} #admin-table thead tr .headerSortUp {background-image: url(images/asc.gif);}
#admin-table thead tr .headerSortDown {background-image: url(images/desc.gif);} #admin-table thead tr .headerSortDown {background-image: url(images/desc.gif);}
#admin-table thead tr .headerSortDown, #admin-table thead tr .headerSortUp {background-color:#8dbdd8;} #admin-table thead tr .headerSortDown, #admin-table thead tr .headerSortUp {background-color:#8dbdd8;}
/* validation */
form.newpost input.validate_span {border:1px solid #ca3402; float:none;}
form.newpost span.validate_span {color:#ca3402; padding-left:10px; border:0; float:right;}

View File

@ -46,12 +46,28 @@ if ($user->isAdmin()) {
<link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" /> <link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" />
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script> <script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/tools.js"></script> <script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/tools.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.validate.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
$("#divMessages").fadeOut(5000,function(){ $("#divMessages").fadeOut(5000,function(){
$("#divMessages").css({display:"none"}); $("#divMessages").css({display:"none"});
}); });
$("#source").change(function (){selectFeedType('<?php echo __("Feed Url:")?>','<?php echo __(" username:")?>')}) $("#source").change(function (){selectFeedType('<?php echo __("Feed Url:")?>','<?php echo __(" username:")?>')})
$("#feedform").validate({
rules: {
url: {
required: true,
url: true
}
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.prev())
}
});
}); });
</script> </script>
<style type="text/css" media="screen"> <style type="text/css" media="screen">
@ -80,7 +96,7 @@ if ($user->isAdmin()) {
<div class="tabla"> <div class="tabla">
<form action="feeds.php" method="post" class="newpost"> <form action="feeds.php" method="post" class="newpost" id="feedform">
<fieldset> <fieldset>
<ul> <ul>
<li> <li>
@ -104,7 +120,7 @@ if ($user->isAdmin()) {
</li> </li>
<li> <li>
<label for="url" id="url_label"><?php echo __("Feed Url (double check):")?></label> <label for="url" id="url_label"><?php echo __("Feed Url (double check):")?></label>
<input type="text" name="url" id="url" class="txt" /> <input type="text" name="url" id="url" class="txt" />
</li> </li>
<li><label for="credits"><?php echo __('Show credits on each post?')?></label><input type="checkbox" name="credits" checked="checked" class="check" /></li> <li><label for="credits"><?php echo __('Show credits on each post?')?></label><input type="checkbox" name="credits" checked="checked" class="check" /></li>
<li> <li>

View File

@ -99,6 +99,7 @@ if ($user->isAdmin()) {
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script> <script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/tools.js"></script> <script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/tools.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/lightbox.js"></script> <script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/lightbox.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.validate.min.js"></script>
<script language="javascript" type="text/javascript"> <script language="javascript" type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
$("#divMessages").fadeOut(5000,function(){ $("#divMessages").fadeOut(5000,function(){

View File

@ -1,20 +1,35 @@
<p> <div>
<label for="title">Title <span class="option">(optional)</span></label> <label for="title">Title <span class="option">(optional)</span></label>
<input class="txt" type="text" name="title" id="title" value="{editTitle}" size="80" /> <input class="txt" type="text" name="title" id="title" value="{editTitle}" size="80" />
</p> </div>
<input type="hidden" name="url" id="url" value="" />
<p> <div>
<label for="description">Conversation</label><br /> <label for="description">Conversation</label>
<div style="color: rgb(136, 136, 136); margin-bottom: 10px; font-size: 10px;"> <div style="color: rgb(136, 136, 136); margin-bottom: 10px; font-size: 10px;">
<span style="font-weight: bold;">Example</span><br> <span style="font-weight: bold;">Example</span><br>
<span style="font-style: italic;"> <span style="font-style: italic;">
Geek: Wow an open source tumblelog CMS!!.<br> Geek: Wow an open source tumblelog CMS!!.<br>
Normal: Tumble... what??<br> Normal: Tumble... what??<br>
Geek: Read the wikipedia!! Geek: Read the wikipedia!!
</span> </span>
</div> </div>
<textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea> <textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea>
</p> </div>
<input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" /> <input type="hidden" name="url" id="url" value="" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" /> <input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" />
<script>
$("#autosave").validate({
rules: {
description: "required"
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.parent().children("label"))
}
});
</script>

View File

@ -1,20 +1,38 @@
<p>
<label for="title">Name <span class="option">(optional)</span></label> <div>
<input class="txt" type="text" name="title" id="title" value="{editTitle}" size="80" /> <label for="title">Name <span class="option">(optional)</span></label>
</p> <input class="txt" type="text" name="title" id="title" value="{editTitle}" size="80" />
<p> </div>
<label for="url">URL</label> <div>
<input class="txt" type="text" name="url" id="url" value="{editUrl}" size="80" /> <label for="url">URL</label>
</p> <input class="txt" type="text" name="url" id="url" value="{editUrl}" size="80" />
<p> </div>
<div id="add_link_description" style="margin-top:5px;"> <div>
<a class="linkFrm" href="#" onclick="document.getElementById('link_description').style.display = ''; document.getElementById('add_link_description').style.display = 'none'; return false;" style="font-size:11px;">Add a description</a><br /><br /> <div id="add_link_description" style="margin-top:5px;">
</div> <a class="linkFrm" href="#" onclick="document.getElementById('link_description').style.display = ''; document.getElementById('add_link_description').style.display = 'none'; return false;" style="font-size:11px;">Add a description</a><br /><br />
<div id="link_description" style="display:none;"> </div>
<label for="description">Description</label><br /> <div id="link_description" style="display:none;">
<textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea> <label for="description">Description</label><br />
</div> <textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea>
</p> </div>
<input type="hidden" name="type" id="type" value="{type}" /> </div>
<input type="hidden" name="date" id="date" value="{date}" /> <input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" /> <input type="hidden" name="date" id="date" value="{date}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" />
<script>
$("#autosave").validate({
rules: {
url: {
required: true,
url: true
}
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.prev())
}
});
</script>

View File

@ -1,16 +1,35 @@
<input type="hidden" name="title" id="title" value="" />
<p> <div>
<label for="url">MP3 URL</label> <label for="url">MP3 URL</label>
<input class="txt" type="text" name="url" id="url" value="{editUrl}" size="80" /> <input class="txt" type="text" name="url" id="url" value="{editUrl}" size="80" />
<div style="color: rgb(136, 136, 136); margin-bottom: 5px; font-size: 11px; font-weight: bold;"> <div style="color: rgb(136, 136, 136); margin-bottom: 5px; font-size: 11px; font-weight: bold;">
This is the MP3 file URL or a GoEar URL.<br> This is the MP3 file URL or a GoEar URL.<br>
<span style="font-size: 10px; font-weight: normal;">(ie. http://www.goear.com/listen.php?v=c0a2c85)</span> <span style="font-size: 10px; font-weight: normal;">(ie. http://www.goear.com/listen.php?v=c0a2c85)</span>
</div> </div>
</p> </div>
<p> <div>
<label for="description">Caption <span class="option">(optional)</span></label><br /> <label for="description">Caption <span class="option">(optional)</span></label><br />
<textarea rows="12" cols="84" name="description" id="description" tabindex="2">{editBody}</textarea> <textarea rows="12" cols="84" name="description" id="description" tabindex="2">{editBody}</textarea>
</p> </div>
<input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" /> <input type="hidden" name="title" id="title" value="" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" /> <input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" />
<script>
$("#autosave").validate({
rules: {
url: {
required: true,
url: true
}
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.prev())
}
});
</script>

View File

@ -1,31 +1,76 @@
<input class="txt" type="hidden" name="title" id="title" value="" />
<p>
<div id="photo_upload">
<label for="description">Photo</label>
<input type="file" name="photo" accept="image/gif,image/jpeg,image/jpg,image/png"/>
<div style="font-size:11px; color:#666; margin-top:5px;">
Supports JPEG, GIF and PNG.&nbsp; <strong>Max size is 10 MB.</strong>
</div>
<div style="font-size:11px; color:#666; margin-top:5px;">
<a class="linkFrm" href="#" onclick="document.getElementById('photo_upload').style.display = 'none';
document.getElementById('photo_url').style.display = 'block';
return false;">Use a URL instead</a>
</div>
</div>
<div id="photo_url" style="display:none;">
<label for="description">Photo URL</label> <div id="photo_upload">
<input class="input-text" type="text" name="url" id="url" size="80" value="{editUrl}" /> <label for="description">Photo</label>
<div style="font-size:11px; color:#666; margin-top:5px;"> <input type="file" name="photo" id="photo" accept="image/gif,image/jpeg,image/jpg,image/png"/>
The photo URL.</b> <div style="font-size:11px; color:#666; margin-top:5px;">
</div> Supports JPEG, GIF and PNG.&nbsp; <strong>Max size is 10 MB.</strong>
</div> </div>
</p> <div style="font-size:11px; color:#666; margin-top:5px;">
<p> <a href="#" class="linkFrm">Use a URL instead</a>
<label for="description">Caption <span class="option">(optional)</span></label><br /> </div>
<textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea> </div>
</p>
<input type="hidden" name="MAX_FILE_SIZE" value="10485760" /> <div id="photo_url">
<input type="hidden" name="type" id="type" value="{type}" /> <label for="description">Photo URL</label>
<input type="hidden" name="date" id="date" value="{date}" /> <input class="input-text" type="text" name="url" id="url" size="80" value="{editUrl}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" /> <div style="font-size:11px; color:#666; margin-top:5px;">
<a href="#" class="linkFrm">Use a upload form instead</a>
</div>
</div>
<div>
<label for="description" style="display:block;">Caption <span class="option">(optional)</span></label>
<textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea>
</div>
<input type="hidden" name="title" id="title" value="" />
<input type="hidden" name="MAX_FILE_SIZE" value="10485760" />
<input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" />
<script>
$('#photo_url').css('display','none');
$("#autosave").validate({
rules: {
photo: {
required: function() {
return ($('#photo_upload').css('display')!= 'none') ? true : false;
},
accept: "(jpe?g|gif|png)"
},
url: {
required: function() {
return ($('#photo_url').css('display')!= 'none') ? true : false;
},
url: true
}
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.prev())
}
});
$("#photo_upload a.linkFrm").click( function() {
$('#photo_upload').css('display','none');
$('#photo_url').css('display','block');
$('#photo').val('');
return false;
}
);
$("#photo_url a.linkFrm").click( function() {
$('#photo_url').css('display','none');
$('#photo_upload').css('display','block');
$('#url').val('');
return false;
}
);
</script>

View File

@ -1,12 +1,27 @@
<p>
<label for="title">Title <span class="option">(optional)</span></label> <div>
<input class="txt" type="text" name="title" id="title" value="{editTitle}" size="80" /> <label for="title" style="display:block;">Title <span class="option">(optional)</span></label>
</p> <input class="txt" type="text" name="title" id="title" value="{editTitle}" size="80" />
<input class="txt" type="hidden" name="url" id="url" value="" /> </div>
<p> <div>
<label for="description">Body</label><br /> <label for="description" style="display:block;">Body</label>
<textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea> <textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea>
</p> </div>
<input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" /> <input type="hidden" name="url" id="url" value="" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" /> <input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" />
<script>
$("#autosave").validate({
rules: {
description: "required"
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.prev())
}
});
</script>

View File

@ -1,12 +1,29 @@
<input type="hidden" name="url" id="url" value="" />
<p>
<label for="description">Quote</label><br /> <div>
<textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea> <label for="description">Quote</label>
</p> <textarea rows="12" cols="84" name="description" id="description">{editBody}</textarea>
<p> </div>
<label for="title">Source <span class="option">(optional)</span></label> <div>
<input class="txt" type="text" name="title" id="title" value="{editTitle}" size="80" /> <label for="title">Source <span class="option">(optional)</span></label>
</p> <input class="txt" type="text" name="title" id="title" value="{editTitle}" size="80" />
<input type="hidden" name="type" id="type" value="{type}" /> </div>
<input type="hidden" name="date" id="date" value="{date}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" /> <input type="hidden" name="url" id="url" value="" />
<input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" />
<script>
$("#autosave").validate({
rules: {
description: "required"
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.prev())
}
});
</script>

View File

@ -1,16 +1,35 @@
<input type="hidden" name="title" id="title" value="" />
<p> <div>
<label for="url">Video URL</label> <label for="url">Video URL</label>
<input class="txt" type="text" name="url" id="url" value="{editUrl}" size="80" /> <input class="txt" type="text" name="url" id="url" value="{editUrl}" size="80" />
<div style="color: rgb(136, 136, 136); margin-bottom: 5px; font-size: 11px; font-weight: bold;"> <div style="color: rgb(136, 136, 136); margin-bottom: 5px; font-size: 11px; font-weight: bold;">
This is the URL from the video sites YouTube or Vimeo.<br> This is the URL from the video sites YouTube or Vimeo.<br>
<span style="font-size: 10px; font-weight: normal;">(ie. http://youtube.com/watch?v=HcBFLN9cli0)</span> <span style="font-size: 10px; font-weight: normal;">(ie. http://youtube.com/watch?v=HcBFLN9cli0)</span>
</div> </div>
</p> </div>
<p> <div>
<label for="description">Caption <span class="option">(optional)</span></label><br /> <label for="description">Caption <span class="option">(optional)</span></label><br />
<textarea rows="12" cols="84" name="description" id="description" tabindex="2">{editBody}</textarea> <textarea rows="12" cols="84" name="description" id="description" tabindex="2">{editBody}</textarea>
</p> </div>
<input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" /> <input type="hidden" name="title" id="title" value="" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" /> <input type="hidden" name="type" id="type" value="{type}" />
<input type="hidden" name="date" id="date" value="{date}" />
<input type="hidden" name="id_user" id="id_user" value="{id_user}" />
<script>
$("#autosave").validate({
rules: {
url: {
required: true,
url: true
}
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.prev())
}
});
</script>

View File

@ -36,6 +36,26 @@ if ($user->isAuthenticated()) {
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="gelato cms <?php echo version();?>" /> <meta name="generator" content="gelato cms <?php echo version();?>" />
<link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" /> <link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" />
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#valida").validate({
rules: {
login: "required",
pass: "required"
},
errorElement: "span",
errorClass: "validate_span",
errorPlacement: function(label, element) {
label.prependTo(element.prev())
}
});
});
</script>
<style type="text/css" media="screen"> <style type="text/css" media="screen">
@import "<?php echo $conf->urlGelato;?>/admin/css/style.css"; @import "<?php echo $conf->urlGelato;?>/admin/css/style.css";
</style> </style>