Response title
This is preview!
- Screen name: koichirose
koichirose's Profile
15 Posts
20 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 23-Apr-2013 09:48 AM
- Forum: Using jQuery Plugins
I successfully used jQuery Validate plugin with metadata (this one at http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ).
versions:
- validate 1.9
- metadata * Revision: $Id: jquery.metadata.js 4187 2007-12-16 17:15:27Z joern.zaefferer
- jquery 1.7.2
I now upgraded jQuery to 2.0.0, validate to 1.11.1, can't find metadata anymore (404 here: https://github.com/jquery/jquery-metadata )
Part of my form:- <input id="email_big" name="email" type="text" class="span4 {validate:{required:true, messages:{required:'my required message'}}}" />
- $("#login_form").validate({
meta: "validate",
validClass: "success",
onfocusout: false,
highlight: function(element, errorClass, validClass) {
$(element).parents('div.control-group').addClass(errorClass).removeClass(validClass);
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('div.control-group').addClass(validClass).removeClass(errorClass);
},
errorElement: 'span',
wrapper: 'span class="help-inline"',
submitHandler: function(form) {
form.submit();
}
});
Error: Syntax error, unrecognized expression: span class="help-inline"
Removing the wrapper removes the error, but the validation seems to always return true
How can I fix it?- 23-Apr-2013 09:48 AM
- Forum: Using jQuery Plugins
I successfully used jQuery Validate plugin with metadata (this one at http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ).
versions:
- validate 1.9
- metadata * Revision: $Id: jquery.metadata.js 4187 2007-12-16 17:15:27Z joern.zaefferer
- jquery 1.7.2
I now upgraded jQuery to 2.0.0, validate to 1.11.1, can't find metadata anymore (404 here: https://github.com/jquery/jquery-metadata )
Part of my form:- <input id="email_big" name="email" type="text" class="span4 {validate:{required:true, messages:{required:'my required message'}}}" />
- $("#login_form").validate({
meta: "validate",
validClass: "success",
onfocusout: false,
highlight: function(element, errorClass, validClass) {
$(element).parents('div.control-group').addClass(errorClass).removeClass(validClass);
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('div.control-group').addClass(validClass).removeClass(errorClass);
},
errorElement: 'span',
wrapper: 'span class="help-inline"',
submitHandler: function(form) {
form.submit();
}
});
Error: Syntax error, unrecognized expression: span class="help-inline"
Removing the wrapper removes the error, but the validation seems to always return true
How can I fix it?- 18-Dec-2010 01:08 PM
- Forum: jQuery Mobile
Hi, I have a problem binding a click event to an element.
I should use 'live' because if the page is not the first one visited then it won't work.
This works on the first pageload, then, of course, it doesn't:
HTML:- <span id="click_me">go</span>
JS:- $(".ui-page-active #click_me").click(function(e){ ... });
If I use live('click' function(e).... it won't work at all.
How do I solve this? Thanks.- 20-Nov-2010 10:34 AM
- Forum: jQuery Mobile
Hi, I would like to use the jquery mobile loading animation when I'm loading stuff, for example with ajax.
First of all, is this a good idea? If not, why?
I tried to look for it in the jquery mobile source, it seems it adds a class to $("html") but I wasn't able to trigger it when I want.
Thanks- 21-Sep-2010 03:02 PM
- Forum: Using jQuery UI
Hi, I set up an autocomplete with remote data. Everything works but I would like it to automatically focus on the first element.
if my data is ("jquery", "javascript", "php", "ruby") and I type in "jq" I would like it to automatically select jquery, so I can press enter and that's it.
I think it has something to do with the "open" option, but I can't figure out how to use it.
here's my code for now- $("#store_name").autocomplete({
delay: 100,
source: BASE_URL + "admin/store/search_store/",
focus: function( event, ui ) {
$( "#store_name" ).val( ui.item.label );
return false;
},
select: function( event, ui ) {
window.location=BASE_URL + "admin/store/edit_store/" + ui.item.value;
return false;
},
minLength: 2
});
- 20-Jul-2009 06:06 AM
- Forum: Using jQuery
Hello, I'm using jQuery Autocomplete ( http://docs.jquery.com/Plugins/Autocomplete
) to display results from a php page.
Since that is my only field, I want to submit the form when I click on
the result or I press the 'return' key.
How do I do that?
The result is showing something like 'artist - album' and I'd like to
post only the artist .
Also, it would be event better without a form submit: the results
would have their own php-generated link to another php page with
artist passed as a $_GET variable. I click or press enter on them and
it would work just like a link.
Is there a way to achieve that, either by submitting the form or by
linking to the new php page?
Thanks- 20-Jul-2009 06:05 AM
- Forum: Using jQuery
Hello, I'm using jQuery Autocomplete ( http://docs.jquery.com/Plugins/Autocomplete
) to display results from a php page.
Since that is my only field, I want to submit the form when I click on
the result or I press the 'return' key.
How do I do that?
The result is showing something like 'artist - album' and I'd like to
post only the artist .
Also, it would be event better without a form submit: the results
would have their own php-generated link to another php page with
artist passed as a $_GET variable. I click or press enter on them and
it would work just like a link.
Is there a way to achieve that, either by submitting the form or by
linking to the new php page?
Thanks- 28-Mar-2009 10:20 PM
- Forum: Using jQuery
Hi! I'm using the jQuery form plugin ( http://malsup.com/jquery/form/
).
I have a form with this fields:
<form id="insertcomment" action="insertcomment.php" method="post">
<textarea name="bodytext" cols="50"></textarea><br />
<input type="submit" id="submitme" name="submit" value="Submit" />
And this script:
$('#insertcomment').ajaxForm({
target: '#commentoutput',
beforeSubmit: unbindlink,
success: function() {
$('#commentoutput').fadeIn('slow');
}
});
function unbindlink(formData, jqForm, options) {
var form = jqForm[0];
if (form.bodytext.value == ""){
return true;
}
else
$('#submitme').unbind();
}
I'm trying to unbind the click event on the submit button, to avoid
the same comment being posted twice.
$('#submitme').unbind(); is just the last try, I tried some other
things such as $('#insertcomment').unbind('submit'); with no luck...
How do I do that?
Also, as you see I'm checking some submitted values and if they're
empty the PHP script will say so and it wont unbind the submit, so
that user can correct their errors.
I'm going through PHP because I'm using gettext to output
multilanguage warnings and I don't wanna set it up for js too. Being
form.bodytext.value the value of my textarea, how do I check for its
length?
I tried with if (form.bodytext.value.length > 500) or also .size, they
dont work...
Sorry for the length of this post! Thanks- I'm trying to achieve this effect by putting a full page big background div with z-index lower than the one of the dropped down menu.
With this code:$("li.lang").click(function () {
$("#backgroundSelect").show();
$("#select").show();
});
$("#backgroundSelect").click(function(){
//$("#selectlang").hide();
alert("hide!");
//$("#backgroundSelect").hide();
});
I can click on my li.lang, the dropdown menu (#select) is showed, the background too (I made it totally white to try), then I click outside the div #select and they don't hide. I can't even display that alert.
I really can't see what the problem is, since I use it already on another page (although a bit more complicated). Help?
Thanks<script>
$(function(){
var hoverev = function () {
$(".single-star").hover(
function () {
//do something here
},
function () {
//do something here
}
);
}
});
$(".single-star").click(function () {
$('#star-rating'+num3).each(function () { $(this).find('a').each(function() { $(this).unbind('hover', hhover)}) });
});
</script>
I'd like to remove the hover event when I click on that element.
I think my code's a mess, because when I try to enclose the hover event in a function (hoverev, as said on the documentation), the hover wont work anymore...
Thanks !- This may be a simple one....
$(".single").hover(
function () {
var oldtext = $("#star").text();
$("#star").text("help");
},
function () {
$("#star).text(oldtext);
}
);
Obviously, oldtext is not seen in the hover out action... how do make it visible?
Also, being .single a <li> (part of one of many <ul>), is there a way to get the index number of the ul containing it? The <li> all have the same class (.single)
Thanks!- 21-Feb-2009 02:57 AM
- Forum: Using jQuery
I'm trying to submit a form with ajax.
HTML code (this is a jquery multiselect, I can select from 1 to 3 options):<form action="" method="post" id="formzone">
<select id="zone" name="zone" multiple="multiple" size="5">
<option value="1">OPTION 1</option>
<option value="2">OPTION 2</option>
<option value="3">OPTION 3</option>
<option value="4">OPTION 4</option>
</select>
<input type="submit" value="Show Results" />
</form>
<div id="filterzone"></div>
js code:$('#formzone').submit(function() {
var results = $(this).serialize();
$("#filterzone").text(results);
return false; //these last two lines wont be there when I add ajax
This works, I think: if I select options 1, 2 and 4, the text in #filterzone becomes:
zone=1&zone=2&zone=4
I'm now trying to add AJAX and display the response in that div.
The response comes from this simple page (just to see if it works...):filterzone.php:
<?php
print_r ($_POST);
?>
Ajax code:
$.ajax({
type: "POST",
data: results,
url: "filterzone.php",
error: function() {
$("#filterzone").text("Failed to submit");
},
success: function(r) {
$("#filterzone").text(r);
}
});
});
It says "Failed to submit" for a moment, then refreshes the page.
What am I doing wrong? I looked around for some tutorials, but they're always about a login form (so with a fixed number of inputs, I could have thousands of options instead, although i submit just three of them).
Thank you- I have a select in a div and I want to close it if I click outside it.
Since its in a div I cant do $('mydiv').click(function (), because this would close it even if I click inside the select (it's a multiselect, thats why I want to keep it open).
I'm using this: http://abeautifulsite.net/notebook_files/62/demo/jqueryMultiSelect.html . Specifically control-7.
This is the original code:// Disappear on hover out
multiSelectCurrent = $(this);
var timer = '';
$(this).next('.multiSelectOptions').hover( function() {
clearTimeout(timer);
}, function() {
timer = setTimeout('$(multiSelectCurrent).multiSelectOptionsHide(); $(multiSelectCurrent).unbind("hover");', 250); //<---disappears after 250ms of "not hovering" :D
});
And this is my not working code; I can open the select, I can close it by clicking outside it, but it wont open againvar timer = '';
$(this).next('.multiSelectOptions').hover( function() {
clearTimeout(timer);
}, function() {
$('*').click(function () {
$(multiSelectCurrent).multiSelectOptionsHide(); //$(multiSelectCurrent).unbind("hover");
});
});
I just modified the hover out function, is that correct? Also, do I need that unbind? What am I doing wrong? Thank you!- I'm trying to open multiple popups from multiple links:
<a href="#" class="popup">Link 1</a>
<a href="#" class="popup">Link 2</a>
<div id="popupContact"> Content 1 </div>
<div id="popupContact"> Content 2 </div>
So link 1 should open content 1, link2-> content2 and so on (they are php-generated).
This is the code so far; it works with a single popup:$("#schedasx a.popup").click(function(){
//load popup
loadPopup();
});
function loadPopup(){
$("#backgroundPopup").css({
"opacity": "0.7"
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
}
}
How do I extend this to multiple popups? I tried with index, with not much luck.
Thank you- I'm trying to do a form with hints when you click on each field.
So I have this code:$(document).ready(function(){
<script>
$(document).ready(function(){
$("input").focus(function () {
$("#legende").show();
$("#legende").html($(this).next("span").html());
$(this).next("img").show();
});
$("input").blur(function () {
$("#legende").hide();
$(this).next("img").hide();
});
});
</script>
<legend>Registrazione</legend><div id="legende"></div>
<label for="username">Username:</label><input type="text" name="username" /><img src="images/pointer.gif" /><span>Username info</span><br />
<label for="email">email:</label><input type="text" name="email" size="40" maxlength="100" /><span>valid email please.</span><br />
<label for="email_confirm">Confirm email:</label><input type="text" name="email_confirm" size="40" maxlength="100"><span>confirm your email</span><br />
<label for="password">Password:</label><input type="password" name="new_password" size="25" /><br />
<label for="password_confirm">Confirm Password:</label><input type="password" name="password_confirm" size="25" /><br />
<br /><input type="hidden" name="accordo" value="true" />
'username' has the image AND span, but when I click on it the image is shown, as well as the div legende, but with no text in it.
Other inputs, like 'email', are ok, they display the div legende with the correct html in it; in this case its 'valid email please.'.
How do I get both working? Thanks
© 2012 jQuery Foundation
Sponsored by
and others.