sorry for the stupid question but how can i modify the href atribute of the link without having a id of the "<a>" just because it's the link of an image with an id?
<a href="anything.jpg"><img id="winkelchen" src="anythingelse.jpg" /></a>
I'm trying to manipulate the functions of Codaslider for a layout. What I need is the ability to use an image for slide dynamic slide navigation. I've solved the issue for dynamic hashing, however I'm stuck at modifying the HTML. I've tried a few things but I figure this is the easiest way...
[Code]....
I am using this script to rotate background images and it is working great HOWEVER we would like to control the order of the rotation and I am just not sure how to modify this code to do that? I have looked and tried several options but I am just missing something
[Code]...
I found a simple image rotating script online and it works like a charm. I have several business logo images on my site and the script randomly selects and displays the images. However, since it selects the images at random you don't get an even mix of logos. Sometimes one or another logos will show up more frequently than others. To avoid this I added a simple DO-WHILE loop with an array. Now it will go through my whole list of logos once in random order, which is just what I want to happen. The trouble is, once it goes through the list of logos once, it freezes up.
I want it to reset after it goes through the whole list. Then it can keep running indefinitely. I tried adding a simple increment counter (counter++; ) and an IF-THEN line in the getNextImage() function so when the counter reached the number of images it would restart via the restart function, but now the images won't show up at all. I tried adding the counter++ at different locations but the result is the same: it doesn't work, so I took it out. Here is the site it will go on, complete with two rotating images (I doubled up on the rotate code) which rotate completely randomly. The one in the center doesn't change: [URL].
Here's a working, stripped down version of the code which shows the images at random: [URL]. And here's the same code with the DO-WHILE loop and the myArray added, which rotates once then locks up:
Code:
<html>
<head>
<title>test</title>
<link rel="stylesheet" href="file:///D|/Downloads/dw_rotate/css/ex.css" type="text/css" />
<script type="text/javascript">
var interval = 2;
var random_display = 1;
interval *= 1000;
function restartImage() {
var counter = 0;
rotateImage('rImage');
} .....
Any way on adding something to count the number of times the images are displayed, and resetting the count once the total number of images has been reached.
I have an assignment doing something simple with javascript, but I'm lost because I can't figure out what I am doing wrong. This is the assignment. I'm using the code provided and modifying it as stated, but I cannot get the image to move. My textbook doesn't provide answers (it honestly has just 2 chapters devoted to javascript) that I can find. Here is my code
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN"
"http:www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
[code]....
I am trying to change the url link associated w/ an image as each imageprogressesthrough a slideshow.I want each image to link to a unique page.
[Code]...
I'm having a problem with this code: $('nav a').click(function(e)When I click on the text, the I get a URL as the target.href, but when I click on the image, I get undefined.
View 2 Replies View RelatedI'm using the following code (simplified version) to call a Json file, parse it and on each iteration, create a div with an ID of "tab". I'm using this with jQuery UI .tab() to create a listing with entries which have three tabs. Anyhow, the principle seems to work except that when I examine what's happening behind the scenes using Firefox console, I see that each href in the html code produced is causing the Json function to re-fire using the href as it's url target.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
[Code].....
I am trying to add one image in footer of my application.
Code:
<div class="rightLinks">
<a href="#"><script src=https://seal.somesign.com/getseal?host_name=www.validsite.com&size=S&use_flash=NO&use_transparent=NO&lang=en></script></a>
</div>
But this is not working. what is wrong in it. And how can we correct it.
I would like some help with a two stage display of thumbnails. I have managed to display all thumbnail product images of my targetId in a scrolling div from the contents of my targetId image folder. I have also managed to display the thumbnail as a larger image in a html image. I would now like to apply a href link to the larger image so that I can display using jsquery lightbox,
<head>
<script type="text/javascript">
function replaceImg(path) {[code].........
Can anyone assist me with what I am trying to do with the following
code (six different scenarios to try to make the functionality work
correctly)?
I want to always (and ONLY) display in the status bar 'Symantec
Corporation' whenever anyone mouses over (onMouseOver) my image or
link OR when one clicks while holding the left mouse down (onClick) on
the same image or link. Upon releasing the mouse (onMouseOut), the
status bar should be 'blank'. I need the link to open in a new window
via my function openWindow(URL) code.
What is happening in most of the six scenarios, is that when one
clicks the link, either the function doesn't engage, but rather the <a
href= takes effect instead OR that status bar shows
'javascript:openWindow('http://www.symantec.com/');' when one clicks
while holding the left mouse down (onClick) on the image or link.
Additionally, for only the link, I need the CSS/style to show 'red'
when one mouses over (onMouseOver) it and then change to 'blue' upon
releasing the mouse (onMouseOut).
How about integrating 'style="cursor:hand"' into the code or perhaps
setting some of the data via a <div> or <span> snippet? Code:
So I have a wordpress site I'm just quickly prototyping the design of for my 3D portfolio.I'm using an iframe to display another html page I have for my resume. I want to use jQuery to remove the css paddingYou can see the code that wordpress outputs over herePageCodeThe iframe code in specific is
<iframe src
="/Resume/resume.html"id
="ifres
[code].....
I'm trying to make a blog and I am facing a problem with the plugin using jQuery 'sidebarTabs'.
The blog is here Paris sportifs My question is: Is it possible to display no one sub-category(none) instead of all sub-categories related to the first title ('Paris Sportifs') The creator of the plugin was very friendly and made me good service, but he said that it is not possible because the jQuery library by default is set to display the first sub-section ('Les bases pour débuter etc
[Code]...
I would like to know how one can syle the multifile plugin, I wouldalso like to change the placement or make the file queue invisible.
View 2 Replies View RelatedI suppose than my css file has different rules for the same element depending of the media @media print #image { clip: rect(auto, 700px, 1200px, auto);} @media screen
#image {clip: rect(auto, 1024px, 700px, auto);} Can I dynamically change the css data "clip" only for the @print media ?
I'm using Chrome and it's JSShell extension I remove the <emb> and some <iframe> tags from a lot of different sites because their annoying ads.
The I use code for most sites looks like this:
It doesn't do anything. If I don't use $(document).ready() it removes all the ads. Is there a way to do that before loading the document or am I doing something wrong.
I have been trying to learn JavaScript and most recently jQuery. After playing with some cool stuff like hiding, showing, animating etc... html elements I started wondering if when doing this you should do it thinking about how your layout and be careful not to break it since I noticed that when for instance if you hide a div it actually takes it out of the normal flow and if this div is part of the layout structure it could potentially break it.
Is it a common practice to think about the layout when using JavaScript/jQuery to play with elements or objects on a page?
Is this the first think before making any modification to any element that could affect the layout or is there something that I'm not aware of to prevent from taken these elements out of the normal flow?
I've started using the gMap plugin [URL] in my site
I have a div, with id "map" in my code and I am creating the map with the following code, passing in a JSON object for config:
$(function() {
$("#map").gMap({
latitude: 54.7,
longitude: -4,
[Code]....
I want to programatically re-center the map and add markers elsewhere in my code, but don't know how to access this JSON object to modify it.
The way I'm currently doing this is to call gMap again with some new configuration, but I don't think this is right as I think it's re-creating the map all over again.
I have a problem with returning html data from an ajax request. I have php method which is called via ajax and returns a long html string which consists of multiple tables, each table represents one question in a questionnaire. They display fine. I then have a button which calls a second php method that returns one individual table - identical in structure to the multiple tables that were returned previously. However,when displayed,the new table has the an inline style "display:block;" and so it screws up the way it looks. I have, at no point, declared this additional style anywhere in my code. Even if I do add an inline style of "display:table;" to the returned html, it is overwritten in the output html - so it is clearly being done by javascript.
View 3 Replies View RelatedI have a page that is on a secure server, lets say https://server.com and I have a link on a page /somelink.html. I am trying to use jQuery to change the link to http://server.com/somelink.html
Here is the code I have come up with:
$(document).ready(function() {
$("a[href^='https://server.com']")
.each(function(){
this.href = this.href.replace(/^https://server.com/,"http://www.server.co");
});
$("a[href^='/']")
.each(function(){
this.href = this.href.replace(/^//,
"http://www.server.co");
});
});
However, my code only seems to work in Firebug after everything has rendered. I assume that the links are changes when the Document is Ready but before the server address is attached to the links.
I'm currently trying to parse through all the children list items within a navigation menu so that I can trim off a trailing "|" character. I'm trying the following but its not working correctly,
$('#nav > li > ul > li').each(function() {
var str = $(this).text();
$(this).text(str.replace("|", ""));
});
I am trying to modify the ExpCollGroup function within Share Point (2003) and don't have access to server or ows.js file where the function lives. I want the ExpCollGroup function to run (I'm using it to expand/collapse documents in a document library), and then when finished, want to be able to run my own function like DoSomething(). The below code works but fires before the ExpCollGroup code executes. What can I do to make the ExpCollGroup function execute, and then perform my DoSomething function?
$('[id^="img_"]').click(function() {
alert(The Expand/Collapse button was pressed but the loading of documents has not yet begun');})
jQuery Splatter by Cory Schires
I was looking for something that would allow me to scatter elements (divs w/ background-images) behind text. Splatter is almost what I want, but I would need:
- no overlap in the positioning of elements
- keep the elements inside the container
- remove the default asterisk completely
As I have varying article dimensions, this keeps the splatter area the right size:
Code:
height: $("#article-text").height(),
width: $("#article-text").width()
Could the collision detection code in jQuery UI Position be used somehow?
I was looking for something that would allow me to scatter elements (divs w/ background-images) behind text. Splatter is almost what I want, but I would need:
- no overlap in the positioning of elements
- keep the elements inside the container
- remove the default asterisk completely
As I have varying article dimensions, this keeps the splatter area the right size:
Code:
height: $("#article-text").height(),
width: $("#article-text").width()
Could the collision detection code in jQuery UI Position be used somehow?
I am trying to add some HTML into a <p> element by using an AJAX request that gets a txt file with my HTML in it. That code works fine but the problem I get is that I need to enter in the path to the file dynamically. I guess I could use PHP on the server for this but I am not sure how (im not too good with PHP yet, but it is installed on my server). C# would work too as I have .NET configured as well (but again I dont know it very well).[code]I would like to replace the "linkHere" with the file path attribute I am grabbing from an XML file.I am doing that like this:$(this).attr('filePath').substr(3).replace("\","/")+$ 9this).attr('label');this works fine to make the path correctly but I need a way to inject this into the HTML/txt file to replace the "linkHere".I have an <img>with an onclick event that calls a function I made to do all this.
View 3 Replies View RelatedI've cranked up the numbers for sensitivity, interval, and timeout, and the site seems totally unresponsive to my changes. I've double-checked that hoverintent.js is being called, and it definitely is.
var cfg = {
sensitivity: 7,
interval: 5500,
[code]....