Response title
This is preview!
- Screen name: ivanhalen
ivanhalen's Profile
5 Posts
3 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 17-Mar-2013 02:13 PM
- Forum: jQuery Mobile
Hello,
As the subject says, the jqm.page.params plugin, still recommended in jqm 1.3 docs, doesn't work as expected.
Since the plugin lacks documentation, I followed an answer on StackOverflow to get it work: the querystring (?param1=value1¶m2=value2) works fine, but the url doesn't retain it, making the target page un-bookmarkable
In other words, I end up with:
http://mydomain/index.html#target
Instead of the right url, easily bookmarkable:
http://mydomain/index.html#target?param1=value1¶m2=value2
No problem with jqm 1.2,the querystring is retained in the url... but I'd like to use jqm 1.3 to leverage panels and to be future-proof
Any help, please?
Thanks a lot in advance!- 12-Jan-2012 11:05 AM
- Forum: Using jQuery Plugins
Hello,
I'm using jCarousel Lite plugin in an AJAX loaded content: here's the (semplified) codeHTML:
<div id="#content"><!-- start of ajax loaded content -->
<div class="jcarousel">
<ul>
<li>First Item</li>
<li>Second Item</li>
<li>ThirdItem</li>
</ul></div>
<div id="pager>
<a href="#" class="p1">1</a>
<a href="#" class="p2">2</a>
<a href="#" class="p3">3</a>
</div>
<!-- end of ajax loaded content --></div>
jQuery:
$('.ajax').click(function(){
var url = $(this).attr('href');
$('#content .jcarousel').load(url, null, function(response){
if (response != '') {
$('#content').jCarouselLite({
visible: 1,
scroll: 1,
circular: false,
btnGo: ['.p1', '.p2', '.p3']
});
}
});
return false;
})
All is fine so far: the AJAX content is loaded into the #content, the jCarousel Lite is attached and and the #pager links work as espected (they simply scroll the items)
Now I'd like to add some more stuff to the #pager links (like adding classes to them, or open an alert, or whatsoever): since the content is AJAX loaded, I use the .live function:
$('#pager a').live('click', function(e){
alert('hello!');
$('#pager a').removeClass('selected');
$(this).addClass('selected');
})
Well, nothing happens!
If I remove the jCarousel script (lines 5-10 from the jQuery code), all is working againPlease, can you help to make it work? And why jCarousel stops .live working? Is there a workaround?
Thanks in advance
- 11-Aug-2010 12:54 PM
- Forum: Using jQuery Plugins
Hello,
I can use Bassistance Validation plugin relatively easy, and in Ex.1 there is the code I use when I want to validate a form and then submit it (I use "submitHandler" because I perform some actions after the form is validated, i.e. disable the submit button)
This is very fine, but what if I want to submit the form to a popup window?
I tried some code based on a tutorial (http://www.electrictoolbox.com/post -form-popu p-window- j avascript- jquery/) and tried to merge with validation, but have absolutely no luck: the tutorial works fine when used standalone, but no way to use in with Bassistance Validation
Please, can you help?
Thanks
Ex.1$("#formMain").validate({
// some validation (rules, messages, etc.) here...
submitHandler: function(form) {
$("input[type=submit]").attr("disabled", "disabled");
form.submit();
}
});
- Hello,
Please, can you help me? I'm in a hurry...
I have a main page (gallery.asp, Ex.1) that loads, via jQuery ajax, another page (picture.asp, Ex.2)
It's all fine when I first open the "gallery.asp" page: the "picture.asp" page loads into the "test" div with the first record I want ('cause of the snippet marked as "// load first picture onLoad")
In my idea, clicking on the "#next" and "#prev" link (that, please notice, are in the "picture.asp" page - so they are ajax-loaded) should load "/picture.asp?iData=<%= nextRecord %>" and "/picture.asp?iData=<%= prevRecord %>" into "test" div respectively
But of course, nothing happens (no "next" or "prev" page is loaded, and I get no errors)
Please, where am I wrong? Is there a workaround for this?
Thanks
Ex.1<div id="test"></div>
...
$(document).ready(function(){
// load first picture onLoad
$("#test").load("/picture.asp?iData=1");
// load next picture when clicking on "#next" link
$('#next').click(function(event){
event.preventDefault(); // don't open the page
$("#test").load($('#next').attr('href')); // load it!
});
// load prev picture when clicking on "#prev" link
$('#prev').click(function(event){
event.preventDefault(); // don't open the page
$("#test").load($('#prev').attr('href')); // load it!
});
});
<img src="<%= rs.("Picture") %>" />
<a href="/picture.asp?iData=<%= prevRecord %>" id="prev">Previous</a>
<a href="/picture.asp?iData=<%= nextRecord %>" id="next">Next</a>
- 18-Aug-2009 05:33 AM
- Forum: Using jQuery
Hello,
I'm playing with the great Bassistance jQuery Validator and am stuck
at a point
The idea is simple: I have lot of this markup (I semplify, but the
idea is that after each <input> there could be something else, i.e. a
word, an icon, etc... that is "inline" with the corresponding<input>):
<ol>
<li><input type="text" id="width" size="3"></input> px</li>
<li><input type="text" id="height" size="3"></input> px</li>
<li><input type="text" id="thumb" size="3"></input> px</li>
</ol>
Well, the Validator "forces" the error messages to appear just after
the <input>, so I get something like:
[input] "insert a number here" px
[input] "insert a number here" px
[input] "insert a number here" px
In other words, the error messages "split" the natural flow of the
line
The best would be to put the error message on a line after the <input>
+following element, so:
[input] px
"insert a number here"
[input] px
"insert a number here"
[input] px
"insert a number here"
But there's no way to reach this
Wrapping the <input> and the following element in a <div> has no
effect, since the error message alway go after the <input> and not
after the wrapper div
The error container demo (http://jquery.bassistance.de/validate/demo/
errorcontainer-demo.html) does not match my needs since it wraps ALL
errors in a single div - but the idea of showing the error NOT close
to the <input> is nice
Please, can you help? Is there a solution for this?
Thanks- «Prev
- Next »
Moderate user : ivanhalen
© 2013 jQuery Foundation
Sponsored by and others.
