Response title
This is preview!
- Screen name: tixrus
tixrus's Profile
9 Posts
15 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
- 30-Oct-2012 02:17 PM
- Forum: Using jQuery
#1 There is a projectwonderful script included in the clients WP blog and it creates code for ad box.
#2 Client wants to hide the text link below the graphical ad after it's all created. So I thought a very simple javascript to hide it would be easy. I checked in firebug and the script is loaded & syntactically correct. But it is not hiding the element. I'm trying to use the DOM inspector in firefox but I can't make head or tails of it.
#3 HERE IS THE SCRIPT I load it in the head of the WP
var $jq= jQuery.noConflict();
$jq(document).ready(function() {
$jq('a[href~="projectwonderful.com/advertisehere"]').hide();
});
Here is link to the blog http://comix.dorkage.net
What can I do to make this thing hide? Thank you.- I'm confused about serverside vs. clientside cookies and I am using the jquery cookie plugin. Here is the scenario, I have a page containing an iframe with a default src. The user can type their id into an input then click something to set a cookie. When they click that set button I want to set the cookie and also append their id to the URL in the src of the iframe. This cookie should persist, because if the same user ever returns, then their id will be in the cookie and will be appended to the url automatically.
-
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='http://example.com/js/jquery/jquery.js'></script>
<script type='text/javascript' src='http://example.com/js/jquery/plugins/jquery.cookie.js'></script>
<script type='text/javascript' src="http://example.com/js/cookiecheck.js"></script>
<title>Test-Iframer</title>
</head>
<body>
<input id="urid" type="text" /><a href="" id="setc">SET</a>
<iframe id='if' src=""></iframe>
</body>
</html>
and here is the script to of cookiecheck.js- $(document).ready(function() {
//check to see if a cookie has been previously set
if ((cookieval = $.cookie('my_cookie')) == '') {
//set the iframe src to default
$('if').attr('src','http://xamp2.com/foo.php');
} else {
//set the iframe src to the cookie value
$('if').attr('src',''http://xamp2.com/foo.php?feed=' + cookieval);
}
//handle the set button & create the cookie
$('setc').click(function () {
$.cookie('my_cookie', $('urid').value());
$('if').attr('src',''http://xamp2.com/foo.php?feed=' + $('urid').value());
});
})
- I did a very straightforward hover script which replaces a map with a different map when the user hovers over a link and goes back to the default map when the user mouseleave's. There are several such links on the page and they all behave exactly as I programmed.
- jQuery('a.roll').hover(
function(){
jQuery('div#mapp').css('backgroundImage', 'url(/wp-content/images/' + jQuery(this).attr('id') + '.jpg)');
},
function(){
jQuery('div#mapp').css('backgroundImage','url(/wp-content/images/blank_map.jpg)');
}); //end hover
The problem is the load delay. The first time you hover on a link, there is a noticeable delay where the default map goes away leaving a white space, and is eventually replaced by the rollover map.
I could preload all the replacements that would make a very slow initial page load. I'd have to put up one of those "loading" animations, and the client isn't sure they want to do that.
Is there something I could do to the hover script to keep the original graphic visible and not do anything until the new graphic has loaded? It would still delay the rollover effect but it might not be as nasty as that white flash.- I do an ajax call to the server and now I want to update a table by adding a new row (which, conveniently, is json data returned by the ajax call.)
Here is my success function from the call to $.post():
function(json) {
if (json) {
d = new Date();
d.setTime(json.date*1000);
dateString = d.format('d mmm, yyyy');
//this is kinda ugly, how can I make it better
newrow = '<tr><td>' + json.name + "</td><td>" + json.geo;
newrow += '</td><td>' + dateString + "</td><td class='hiscor'>" + json.time;
newrow += '</td></tr>';
$('#highscoresDrag table tbody :last-child').not('td, th').after(newrow);
} else {
alert('Score Not Successfully updated ');
}
},
This works, but, is there some cleaner way to create the row so I don't have so much markup embedded in my javascript. (so I could change the layout without rewriting my code.)
Thanks for all help. Hope to be answering questions here soon instead of asking so many. :)- This is not really a specific question but more a discussion. I did drag and drop app using jquery-ui, and it doesn't work on mobile devices. I can't find very much about this when I google. Is this my fault or does it just plain not work? Does any type of drag 'n' drop work on any mobile device and if so how? Is there something you have to do to make it work on mobile? I'm a total mobile virgin. Thanks.
- 12-May-2010 09:55 AM
- Forum: Using jQuery
I have a div set up like this
<div id='y' style='background-image: url(./randomcolor.php?ibase=<?php echo $entity->name; ?>) ....
I am having an issue with setting the background-image of a another div #x to the background image of #y.Correct me if I am wrong but I think you would do this in a simple case by saying
$('#x').css('background-image',$('#y').css('background-image'));
http://blabla/randomcolor.php?ibase=xyz Can javascript handle such a thing? This would require a server call to generate a new image, In this particular application, even if it wasn't exactly the image y had it would be acceptable. But it's not doing it. It is not getting any image at all. Am I doing something wrong, i.e. is it supposed to just work? I would think not, since the page has already been rendered. This is almost an ajax situation but I don't know how to do it for an image. I don't really want to generate a new image anyway, I'd be very happy to get the one that's already there. How would I access the actual image already attached to y and not do another server call?- Tabs don't work in the app that I'm developing. To test, I went back to a remedial example and it is failing as well. Here is a URL It is meant to hide the inactive tab panels and it is also meant to turn the tab a different color for the active one.
http://colleenweb.com/testsa/JQ-redex/ex16.html
It seems like I may be leaving something out. What am I doing wrong. thank you- 03-May-2010 11:57 PM
- Forum: Getting Started
I have some vars I wanna persist beyond the click function. I declared them outside. I'm not much of a java scriptie. But as I understand you use var for local vars and you don't use var for globals. I guess these are globals.- $(document).ready(function() {
piecesUsed = [];
piecesAvailable = ['NSW','WA','Queensland','Victoria','Tasmania','NZ','SA', 'NT'];
currentPiece = '';
$('#ask').click( function() {
if (currentPiece == '') {
i = Math.floor(Math.random() * length(piecesAvailable));
currentPiece = piecesAvailable[i];
}
playTrack('http://localhost/GeoP-Test/audio/' + currentPiece + '.mp3');
});
//more jquery stuff
});
- I'm so happy my jquery is dispatching a serverside script (ajax) and it is working I have verified in the database. Now I would like to provide some feedback to the user so first go will be alert, later I will do something snazzy.
I am just getting head around jQuery, so please excuse noobness of question. I will think that either one or the other of these alerts below would fire, but neither of them do and nothing also logs in the console.$(document).ready(
function() {
$('#submitRating').click(
function($e) {
$e.preventDefault();
//console.log("INSIDE");
$.post(
'/bla/bla/whatever',
$('form :input').serialize(),
function(xml) {
console.log(xml);
if ((a=parseInt($(xml).text())) > 0) {
alert('Rating Successfully Updated');
} else {
alert('Rating Not Successfully updated answer = ' + a);
}
},
'xml'
);
}
);
}
);
- «Prev
- Next »
- jQuery('a.roll').hover(
-
Moderate user : tixrus
© 2013 jQuery Foundation
Sponsored by and others.
