Response title
This is preview!
- Screen name: joekion
joekion's Profile
9 Posts
6 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
heres my html:
<p class="colorp">
<label for="color1">color1</label>
<input name="color1" id="color1" type="text" size="10" value="ff0000" />
<img src="images/icon-color.png" />
</p>
<p class="colorp">
<label for="color2">color2</label>
<input name="color2" id="color2" type="text" size="10" value="ff0000" />
<img src="images/icon-color.png" />
</p>
heres my jquery:
$('.colorp img').ColorPicker({
onBeforeShow: function () {
$('.colorp img').ColorPickerSetColor($('.colorp input').val());
},
onChange: function (hsb, hex, rgb) {
$('.colorp input').css('border-color', '#'+hex);
$('.colorp input').val('#'+hex);
}
});
all i want this to do is work so i can add as many of these color fields i want. i.e. color3, color4, color5...using the same query code.
however when i use this code it changes ALL fields.
ive tried using this and it still doesnt work:$('.colorp img').ColorPicker({
onBeforeShow: function () {
$(this).ColorPickerSetColor($(this).parent().find("input").val());
},
onChange: function (hsb, hex, rgb) {
$(this).parent().find("input").css('border-color', '#'+hex).val('#'+hex);
}
});
- I'm trying to get this simple slider to work.
All I want it to do is fade the LI in, then fade the LI SPAN in.
Then pause 3 seconds.
Then fade the .current LI SPAN out, then fade the .current LI out.
Then fade in the next LI, then next LI SPAN etc. and continue the loop.
My code isn't working. It only seems to loop through the first LI.- <script type="text/javascript">
function showslide ()
{
$('.slider ul li.current').fadeIn(1000, function () { $('.slider ul li.current span').fadeIn(1000); });
setTimeout(hideslide, 3000);
}
function hideslide ()
{
var next = ($('.slider ul li.current').next().length) ? $('.slider ul li.current').next() : $('.slider ul li:first');
$('.slider ul li.current span').fadeOut(1000, function () { $('.slider ul li.current').fadeOut(1000).removeClass('current'); });
next.addClass('current');
setTimeout(showslide, 3000);
}
$(document).ready(function() {
showslide();
});
</script>
- I want it so a fadeIn occurs halfway through a fadeOut
Obviously this won't work via the callback because it waits for the fadeOut to complete entirely.
I just want my list item to fade in halfway through the current fade out so there is a nicer transition.
Heres my code:- <script type="text/javascript">
function switchSlide ()
{
var current = ($('.slider ul li.current'));
var next = (current.next().length) ? current.next() : $('.slider ul li:first');
current.fadeOut(1000, function() { next.fadeIn(1000).addClass('current'); }).removeClass('current');
}
$(document).ready(function() {
$('.slider ul li.current').fadeIn(1000, function() { setInterval(switchSlide, 5000); });
});
</script>
Any help is appreciated.- Heres my javascript/jquery code just so you can see what I am trying to do:
- $(document).ready(function() {
$('.slider ul li').first().fadeIn(2000, function() {
setInterval(switchslide, 2000);
}););
});
function switchslide ()
{
if ($('.slider ul li').next().length == 0)
{
$('.slider ul li').last().fadeOut(2000, function() {
$('.slider ul li').first().fadeIn(2000);
});
}
else
{
$('.slider ul li').current().fadeOut(2000, function() {
$('.slider ul li').next().fadeIn(2000);
});
}
}
- <div class="slider">
- <ul>
- <li>first element</li>
- <li>second element</li>
- <li>third element</li>
- </ul>
- </div>
- .slider ul li {
- display: none;
- }
All I want to happen is this - when the page loads, the first LI gets faded in. After a few seconds, the first LI gets faded out, and the next() LI gets faded in. If it is on the last LI, it automatically goes back to the first etc.
You can probably come up with a better piece of code for this than what I have written. I just want this to be object oriented and simple for now.
P.S. I know it doesn't work because current() is not a jquery function :) Just trying to show you what I'm after.- i have it so my tabs will fade in/out when i click on them using the UI, how do i make this action happen automatically after a certain period of time even if they havent changed the current tab manually?
- $(document).ready(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } }, { selected: 1 });
});
- <div id="tabs">
<div id="fragment-1">
<h1>One</h1>
<p>This is a test tab.</p>
</div>
<div id="fragment-2">
<h1>Two</h1>
<p>This is a test tab.</p>
</div>
<div id="fragment-3">
<h1>Three</h1>
<p>This is a test tab.</p>
</div>
<ul>
<li><a href="#fragment-1">Tab 1</a></li>
<li><a href="#fragment-2">Tab 2</a></li>
<li><a href="#fragment-3">Tab 3</a></li>
</ul>
</div>
- 01-Oct-2010 09:53 PM
- Forum: Using jQuery
can someone please tell me the more logical repalcement for this code:-
$('#my-cart').animate({
opacity: 0.1
}, 500, function() {
$('#my-cart').animate({
opacity: 1.0
}, 500, function() {
$('#my-cart').animate({
opacity: 0.1
}, 500, function() {
$('#my-cart').animate({
opacity: 0.1
}, 500, function() {
// Animation complete.
});
});
});
});
- i declared 2 variables which i want to use depending on a conditional statement inside a jquery function
unfortunately they don't seem to be working. do they need to be globals?- var errors = 0;
var errormsg = '';
$.post(
"ajax-check-email.php",
{ email_address: document.getElementById('email').value },
function (data) {
if (data == 'taken')
{
errors = 1;
errormsg = 'This email address is already registered';
}
});
i know for a fact that the code works, when i add an alert inside the conditional statement it pops up fine, but these variables don't seem to get their values applied.- As a web developer who has been in this industry for 10 years, and having finally started using jQuery, I just wanted to say a big THANK YOU for this!
I love you.- I'm pretty new to jQuery so try and go easy....
Trying to do a simple AJAX POST using the jQuery post method and it doesn't seem to be working.
Heres my code:- $.post("sub-account-ajax.php", { email_address: "test@test.com" },
function(data){
alert("Data Loaded: " + data);
});
- <?php
if (isset($_POST['email_address']))
{
echo 'youre set';
}
else
{
echo 'nothing set';
}
?>
- «Prev
- Next »
- $.post("sub-account-ajax.php", { email_address: "test@test.com" },
- var errors = 0;
- $(document).ready(function() {
- $(document).ready(function() {
- <script type="text/javascript">
- <script type="text/javascript">
Moderate user : joekion
© 2013 jQuery Foundation
Sponsored by and others.
