i don't know so much about jquery so just i use them with indication from their web site. so my problem is how can i use multiple source of jquery without one source stop the other,and that what i need:
[Code]....
I got some code that loads divs from other web pages into a particular div in my main page. In other words, I click on a button, and this tells jquery to load afragment of a particular page into my main page. For instance if I have 5 web pages onrock stars, I could have 5 buttons, and each button could load one rockstar's biography into a div on the main page (and replace whatever was there before). This works, and I do see the content that it loaded. But when I do 'view source' in IE, I do not see that content (the bio of the rock star). Another clue that this content is not really there, is when I try and run some code on that content. The content (from those external pages) have divs with specific names, and I try and make them into collapsible panels by running the following short function:
var IdentifyPanels = function() {
$("DIV.ContainerPanel > DIV.collapsePanelHeader > DIV.ArrowExpand").toggle(
function() {
[code]....
recently i noticed that all of my embedded JavaScript code and external style sheets are being shown IN "view source."
this happens in all browsers ( IE, FF, Chrome, and Safari [windows]) ... oddly enough it only happens when viewing on my vista or win2k3 machines. is this something added to these OS's or the result of an installed program? has anyone seen this before?
I have a website that I frequently visit (FWIW, Firefox 3.x is my browser of choice) with many image sources referring to URLs that end with "-thumbnail.jpg". However, for better image quality, I am trying to use Greasemonkey to replace all instances of "-thumbnail.jpg" in the source of images on this site with "-bigthumbnail.jpg". The closest I could think of was to somehow use getElementsByTagName and innerHTML.replace, but realized that innerHTML does not do HTML, only content.
Below is as far as I tried to get on my own,
var as,ae;
as = document.getElementsByTagName("img");
for (var i = 0; i < as.length; i++) {
ae = as[i];
ae.innerHTML = ae.innerHTML.replace(/-thumbnail/gi, "-bigthumbnail");
}
})();
Basically there are 2 elements on the target page that I would like to load into the calling page, but I would like to do it without making 2 calls to the page if possible.
View 11 Replies View RelatedI am using this widget from Twitter on my WordPress platform, to display the list in my sidebar [URL]. As you can see, I have this small twitter icon at the bottom and if I set up a white background for the container, that background image won't be too visible so I have to change with jQuery.
I've tried like that but doesn't work for me:
<script type="text/javascript">
$(document).ready(function() {
jQuery(".twtr-ft div a img").attr("src", "http://www.my-url.com");
});
</script>
I want to use jQuery Autocomplete with a webservice as Source Webservice:
http://localhost/webService/AutoCompleteData.ashx
is providing following data:
...
[code]....
Can I change an image source on user click?[code]...
View 2 Replies View RelatedFirebug reports "Failed to load source for: [URL]...environment: Apache 2.2.16 on Debian 6.0 (Squeeze) 64-bit using virtual host by IP:port. Here's the virtual host configuration:
[Code]...
I need to write a hover function to detect a div's image source.If it has a 'apple.jpg' image, then change the src to 'orange.jpg'.If the div has no image, then do nothing.
<div id='CheckImg'>
<img src="apple.jpg">
</div>
I am trying to post to a php page that generates and image and then use that img as the background for a div.
originally on the php side i was using the GET method, but I needed to feed more and more parameters into the function and POST made more sense.
my original "get" style jquery function which worked looked something like this I'll take out the stuff that doesn't really pertain to the problem
function render_image(get_img_url, area)
{
var map_image = new Image();
var map_img = map_img_url;
[Code].....
This actually works and according to firebug, the post is responding as 200 and outputting image information. It just won't apply that information to the background-image attribute of the div.
I recently discovered the awesomeness of jQuery, and decided to use it.I'm currently using the slideToggle() to toggle my div nicely.The thing is, I also want to have a small icon to change according to wether the div is visible or not.Here's my HTML:
HTML Code:
<div class="box">
<!-- Content of this box will come later -->
[code]....
Explain what the first few lines in jQuery do?
That first line...what does that do in JavaScript? The anonymous function in parentheses...can't figure that out.
After that, the function is defined with the variables document, navigator, location, and jQuery. The last one being another anonymous function that has a local jQuery variable that points to yet another anonymous function?
Code:
What I want to do is replacing the source of an image so another image is displayed. The new source must come from a database.
HTML
<img id="image" src="" alt="">
JQuery
<script>
$(document).ready(function(){
var ID = 1;
$('image').attr('src', {src: 'image_load.php?id=' + ID} );
[Code].....
I'm experimenting with dynamic loading of javascript using JQuery. So basically I have a loadScript function that accepts either the URL of a JS file or a javascript source in a string. For the former, I create a 'script' element, set its src attribute to the URL of the file and insert the element into the DOM's head element. So far it seems to work nicely. For the latter, I create a 'script' element, set its innerHTML to the JS string and insert it into the DOM's head element. This doesn't work so well. I *think* it's because the JS source in question contains:
$(document).ready(function() {
// put all your jQuery goodness in here.
});
It looks like the JS source in my string is stomping over parts of the DOM it shouldn't and changing existing elements.
How to get full <a href if I have only link for example[URL] ?I have this link in variable "_src".
View 4 Replies View RelatedI'm trying to get some images on my page by their src attribute. Src attribute have this format :
src = [URL]
For doing that I'm using the following query :
$j("img[src*='request=gettile'][src*='"+$j(this).data("target")+"']")
$j(this).data("target") contains my mapname, it works fine.
But my users can use mapname that can be contained in another map names. Example : mapblabla and pbla. When I'm searching pbla it's returning images of mapblabla and pbla. That's why I need to put the symbol equal before and the symbol & after my map name. Then the request is :
$j("img[src*='request=gettile'][src*='\="+$j(this).data("target")+"\&']")
I am trying to make a generic function called whenever the window size changes. I want this function to apply to several different images. The idea is that when the window is resized the function will only change the end of the source code by replacing "_small", "_medium", "_large" with the appropriate size depending on the window. The problem is that when I use the code below it makes ALL of the images the same. The variable imageRightIdStr genereates a list of ids of all of the images that I would like this function to affect. ex: #imageRight101,#imageRight201,#imageRight202,#imageRight203,#imageRight301 etc.
Here is the code that I have now. It mostly works except it makes all of my "imageRight_" images the same.
var contentwidth = $('#background').width();
if ((contentwidth) < '1175') {
var logo= $('#pageLogo');
var rightImage = $('.rightImage');
logo.attr('src',logo.attr('src').replace('_large','_small'));
logo.attr('src',logo.attr('src').replace('_medium','_small'));
$(imageRightIdStr).attr('src',$(imageRightIdStr).attr('src').replace('_large','_small'));
$(imageRightIdStr).attr('src',$(imageRightIdStr).attr('src').replace('_medium','_small'));
}else if ((contentwidth) < '1440' && (contentwidth) > '1175') {
var logo= $('#pageLogo');
var rightImage = $('.rightImage');
logo.attr('src',logo.attr('src').replace('_large','_medium'));
logo.attr('src',logo.attr('src').replace('_small','_medium'));
$(imageRightIdStr).attr('src',$(imageRightIdStr).attr('src').replace('_large','_medium'));
$(imageRightIdStr).attr('src',$(imageRightIdStr).attr('src').replace('_small','_medium'));
}
Adding a new plugin page only has Project resources section which only has links to refer.Is there any way by which I can just attach/upload my plugin source code instead of linking to some website?
View 1 Replies View RelatedHow do I get back the DOM element as HTML source using jQuery? The html() method only returns the innerHTML and it does not include the UIelement itself. But I am more interested in converting the UI element
View 7 Replies View RelatedRun this code :
var empty = {};
var defaults = { validate: false, limit: 5, name: "foo", buttons :
{}};
[code]....
I have some divs I am toggling and there is a little + sign image I want to change to a - sign image when the toggle event occurs, but can't quite figure it out. Here is the toggle code I have (taken from
[Code]...
I'm having a problem with Superfish on my locahost site. I'm at a loss as to what the problem might be located, what is the solution so...I'm hoping someone here might know how to fix this.
I was looking for a way to reduce the number of SF modules on my Joomla 1.5 site by modifying my module tag to look like this: <jdoc:include type="modules" name="sf-menu" style="html"?php echo $pageclass ? $pageclass : 'default'; ?>" > That last part works well in template div tags but now I know its deadly if included in a module positon.
When I looked into view source, it was blank. I've clawed back somewhat but the menu ul still does not show up in view source. Since then I've deleted SF modules, re-installed a backup version of Joomla and put in a new SF module. The site looks OK except no menu appears, nothing in view source that isn't already in Index.php. Also my backup did not load articles, they were all "undefined" which is a minor hassle since I have these in utf-8 text files.
Is this a js or php issue? do I need a Joomla re-install or a full Joomla / server re-install? I really don't know.
I am attempting to read XML information from a remote source into a javascript array. Upon retrieveing the XML, I load it into array by sections. I am doing this with the following code:
$(theXML).find('person').each(
function($i){
$data.push({
firstname: $('name', this).text(),
[Code].....
I'm wondering if there's a jQuery method or plugin which allows me to dump the HTML source of all selected elements, ie. the element(s) referred to by any jQuery object?
As opposed to .html(), which outputs the "innerHTML", I'm looking for something like IE's old "outerHTML" function, which also provided the tag's own code as well as its inner HTML.
For a jQuery object which has captured several elements, I'd like to output *all* the HTML of all those elements at once, in one "dump" as it were. Is that easily doable?
how do I programatically set the souurce of an <audio> element?
[Code]..