I'm having an issue with adding hyperlinks on images. Please see example below. Without hyperlink on images. [URL]. With hyperlink on images. [URL]. Why the descriptions under the images have disappeared with the hyperlinks on the images?
View 2 RepliesWith this code:
<div id="main"><div id="slideshow" class="pics">
<a href="/page2.asp""><img src="/img01.jpg" alt="Text 1" /></a>
<a href="/page3.asp"><img src="/img02.jpg" alt="Text 2" /></a>
</div><p id="pcaption"></p></div>
I'm trying this to no avail (using the Cycle plugin, the source html DOES have the includes for jQuery and cycle external files):
$(function() {
$('#slideshow').cycle({
fx:'fade',
fit: 1,
pause: 1,
timeout: 1000,
height: 360,
width: 550,
random: 1,
after: function() {
$('#pcaption').html(["this.children"][0].attributes[0].childNodes[0].data);
}});});
The problem line is:
$('#pcaption').html(["this.children"][0].attributes[0].childNodes[0].data);
What I am trying is to get the text from the alt attribute to change the <P> after the image.
I've tried:
$('#pcaption').html(this.alt);
$('#pcaption').html(this.children.alt);
And I still can't get the alt text from the image tag. I want to have images with an URL, but I need them to have descriptions (that's why the ALT in each image).
After the apply button is clicked, the data entered by the user disappeared in the text form. How to keep the data appearing on the text form? The server use jsp and the Spring framework and the client use the Prototype javascript library.
View 1 Replies View RelatedAfter the apply button is clicked, the data entered by the user disappeared in the text form. How to keep the data appearing on the text form? The server use jsp and the Spring framework and the client use the Prototype javascript library.
View 1 Replies View RelatedI have a search where each result is surrounded by tbody and in each tbody contains a two of the same hyperlinks.
Now I'm trying to get that hyperlink and direct the user using that hyperlink.
The following is what i have so far
htm contains the tbody html, that is specific to each result, how can I extract the href from that.
I use this code snippet when I want to make a div a selectable hyperlink.
$('myDiv').click(function(){
window.location = $('this').attr("mylink.html") ;
});
It is simple and it works.But repeating it seems wasteful. I have a navigation menu that consists of an ordered list containing a group of list elements. This is a very common design pattern for navigation. Lets say that I want each list item to contain a div, and I want each div to be clickable.Yes, I know there is a usability issue there: relying on js to create hyperlinks is an ugly sin. But its easy enough to put an anchor element inside the "link div" for user agents without javascript. So here is our html:
<ol>
<li> <div> <a> </a> </div> </li>
<li> <div> <a> </a> </div> </li>
[code]....
So back to my problem:I want to make each div clickable. I could replicate my above js snippet for each one of the divs. But I know just enough about programming for that solution to seem kinda wrong.
I am a JQuery newbie, and was asked to use jquery to do something like this: when clicking hyperlink A, it actually clicks hyperlink B? How to accomplish this using jquery?
View 1 Replies View RelatedI have an imagemap with a list of links to one side. The links highlight areas on the map by overlaying a PNG file, and the links need a "selected" state. The areas on the map need to be clickable too, and when these are clicked, the corresponding link item should get the "selected" state. I've got theselected state workingworking when the user clicks on the links, but can't get it working when they click on the map area.
$(document).ready(function(){
$('a.mapnav').click(function () {
var divname= this.name;
[code]....
I checked that "linkname" contains the right text by displaying the label, and it does. All I need to know is how to select the relevant link and add the "selected" class when the imagemap area is clicked.
i came across this plugin [URL] and i thought that it be nice if i could manipulate the content recieved by making the hyperlinks linkable: it be something like select all that start with "http://" and wrap it with an anchor linking to this hyperlink but i have no idea how to do this through jquery
View 2 Replies View RelatedHow to add a hyperlink to an image that is being called into the page with this html below:
Anyone know or could steer me to the solution? I've tried to use the selector gadget, but it cannot find a good selector for this image.
I have about five <a> tags, I wanna set specific style for the clicked (selected) hyperlink a tag and the others unselected should have another style
so I have this style classes:
.AccordionContainer .menu_header {
cursor:pointer;
display:block;
background: #3f3c38;
[Code].....
I understand that I can use the .click method on a hyperlink element. But how do I know which element was clicked? First I have to gain reference to
[Code]...
I have an unordered list of hyperlinks present in a right sidebar on each page where each list item is a specific topic. For example:
Drunk Driving
Homicide
Rape
Molestation
Etc.
Right now each of these simply hyperlinks to a page that contains a similar list with a few additions and those list items utilize the .load function to draw an external page for each topic into a div located below the list.
So, the sidebar list currently just links to 'crime.html' and 'crime.html' has a JQuery .load functionality built into the list of crimes that summons the respective topic pages into the target div. What I want to do is figure out a way where IF they click on one of the sidebar list items it takes them to the 'crime.html' and displays the specific topic they clicked on automatically in the target div. Right now anytime they click on the sidebar links (any of them) they merely take the person to the 'crime.html' page where would then have to select the topic again from the list that's present which then summons.. yep.. the external file into the target div. So, trying to eliminate that need for the 2nd click.
Here's the code I have on the 'crime.html' page that summons the external pages into the target div and provides some animation (fade in, out):
$(document).ready(function() {
$('#crimecontent').load('prostitution.html');
$('.crimes li a').click(function() {
var toLoad = $(this).attr('href');
[Code].....
Notice they all point to crime.html since I don't know how I can pass a specific topic to display. Therefore, they have to click again when they get to crime.html.
I have a specific hyperlink defined like this:
<a id="shesaid" href="">Click to read more...</a>
What I want to do is set up an event so that when a user clicks the hyperlink I can do some jQuery work on the page. How can this be done in jQuery?
showing/hiding a textbox when i click on a hyperlink inside a listview, i have this code but it only works for the first result.
jQuery code:
<script
type
=
"text/javascript"
[Code].....
I have a cfm file that has a url that directs the page to another cfm pageI would like on clicking the url to call a coldfusion function befor going to the next pageexampleI have a component mycomponent
<cfcomponent>
<cffunction name="increaseviews">.
<cfargument arg1..>
[code]....
any one here familiar with GALLERIFFIC? i try insert my own hyperlink in slideshow container instead of �next image�, user may go to my own link when click on the large image, what should i edit? [URL]
View 1 Replies View RelatedI am looking for a plugin that will popup a full size image WITH HYPERLINK when user clicks the thumbnail image link. I found [url] is useful but I can't add the hyperlink to the full size popup image.
View 1 Replies View RelatedI have to do a slideshow with images of different widths... am using cycle plugin, which I like very much... I have a little test slideshow here, http:[url]....it's not centering imgs in containing div (I made div width of widest image.. this will work for my situation, in which imgs will be hard-coded..)if you inspect img element in firebug (#slideshow img), it shows that the plugin adds a style of position: absolute; top: 0px; left: 0px .to the img; why does the plugin do this.. how can I center the images in containing div...
View 1 Replies View RelatedI´ve just launch my website-portfolio, well it´s not yet the final version but it is almost and despite I am satisfied with the final result I´ve detected a really strange bug that only happens sometimes. The thing is when the first introduction Slide appears (the one with the hand-made drawings), sometimes the images shrink from the normal size to small tiny images. This doesn´t happen always and if you refresh the page it disappears.
Follow the link to the page were the bug happens - [url]. I'm using jquery cycle plugin, check it out.
I prefer jQuery over flash and not sure how to tackle this, so please advise as best you can. Trying to create a site that allows for images to go full browser and then have the ability to have the other images slide in based on a click.
I also want to float a menu that will allow it to pull in other media (video, that would slide in the same way). The best example I can share is this: http://j.mp/5U79i1 What he is using is flash based (slideshowpro director and slideshow pro for flash). Not interested in flash for this personal project.
I have a table grid of images, i need all the images except the one hovered to fade out to 0
I tried throwing around .filter but no luck
Images are written as <img class='tile' id='${row['_id']}' src='$rsrc/food pictures/${row['_filename']}_in.png'>
This is my code:
Here how can i get that number 34?
I need to pass the value of hyperlink to another jsp page.
For eg.,
Now, i need to retrieve the value, sample and pass it to another page.
I have an index.htm page ready. I want to be able to put in javascript code into the HTML coding that will write the ip address of the actual server that is hosting the website into a hidden text box. Then I want to insert this ip address into a hyperlink in the original index.htm to link to another html page (this will be a SSL secure page instead i.e. [URL].Also vice versa. (With SSL index.htm page have code that writes ip into hidden text box then hyperlink to the original http index page)
View 7 Replies View Relatedi have a script that changes an image in the main frame when you hover over a hyperlink in the navigation frame. however i would like to extend this and make the image that appears to be a hyperlink. the code i have is below. the navigation frame:-
<script language="JavaScript">
internet_main = window.parent.internet_main("internet_main.html","rollWindow","internet_main");
function getRolling(whichBrief)
{
internet_main.document.images.rollpic.src = whichBrief;
}
</script>
<li><font color="#DB241C">Residential</font>
<ul>
<li><a href="desktop" TARGET="internet_main" onMouseOver="getRolling(desktop')">> Orb Surftalk Extra</a></li>
<li><a href="desktop" TARGET="internet_main" onMouseOver="getRolling(desktop)">> Orb Surftalk Extra +</a></li>
</ul>
</li>
the main frame:-
<script language="JavaScript">
a=new Image();a.src="desktoplank.png";
</script>
<img src="desktoplank.png" name="rollpic">