I am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
Here is the script I have, and the button code.
I'm using jquery/ajax to create some links with window.open method. Here's the relevant code:
$("#content").empty();
$.ajax({
type: "GET",[code]..........
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
Been trying to add an image before the closing of the anchor tag:
<body>
<a href="http://www.test.com/">http://www.test.com/</a>
</body>
If I use:
$("a").append("<img src='testimage.png' /");
No image will appear in WebKit (Chrome, Safari, etc). Firefox and IE works fine.
My menu navigation(Home, Hosting Solution, etc..)
1. The submenu links need to be centered in the middle of the div instead of aligned to the left.
2. Can the submenu links have a rounded box appear under them, instead of being underlined links. Like these at the top: [url]
3: The top tab needs to stay gray/active/on when the mouse is moved down to the submenu or when it is the active button.
Here is the link of the site [url]
I have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>
I want this .click target to be the link: $('a').click(function(e){
Instead, the target returned is the image [HTMLImageElement].
I have tried using closest()and currentTarget:
But they all still return the image, not the link.
I have a DHTML Folder Tree, also known as a TreeView. That is, an expandable/collapsible tree of links. In a frame-less layout everything works great. In a frame-based layout, it doesn't work on Safari/Konqueror.
There are two frames: the left frame contains the tree control; when you click on a link in the tree, the right frame is the target for the links in the tree.
The tree mechanism itself works fine. But there is a problem with the links. What happens on Safari/Konqueror with the frame-based layout is the first link works fine, but all links after that do not. That is, the first click loads a picture on the right frame, but when I click on any other links after that, the target frame is not updated.
I have a Web page with two frames.
The left frame has a DHTML-generated tree of links (to images). The
right frame displays the image link you click in the tree of links.
It works great on all browsers except Konqueror/Safari, where it
displays the first image link you click on in the tree of links. But
then subsequent clicks on other links do nothing.
That is, the first time you click on a DHTML-generated link,
Konqueror/Safari loads the corresponding image in the other frame.
However, after that, when you click on links, the other frame is not
updated.
Do you know why this happens?
I want the code for a button effect. The button is for a graphic button, on clicking it it changes its graphic to an ('on' image), plays a sound effect, then changes graphic to the first image('off' image), then it goes to a link.
Files would be
Images/offbutton.jpg
Images/onbutton.jpg
sound/buttonclick.wav
Why my submenu links dont work and why the submenus are taking a set height. I'm just learning jQuery and cant figure out what I've not set properly. [URL]
View 1 Replies View RelatedI am creating a several step sign up process for our company. I want a new div for each step along the way. I will then either accordian or some other style for them as the customer progresses through the process.
I want to use a hierarchy like
div#step1
-->content
div#step2
-->content
[Code]...
I followed a tutorial on here about Expanding Sliding Menu's or Accordion Menu's.Here is the script:
$(document).ready(function(){
$(".Left #SideCategoryList ul#parent-cats ul:not(:first)").hide();
$(".Left #SideCategoryList ul#parent-cats ul:visible").hide();
[code]....
I have an expandable menu (not an accordion), that needs to toggle div elements below it. If I put the click event on the h3 of the menu, it works fine but as soon as I put it on the link, it doesn't work.
JQUERY
$(document).ready(function(){
$(".expand").click(function(){
$(this).next("div").slideToggle("fast")
[Code]....
I built my portfolio with Dreamweaver MX. In the bottom frame, I have thumbnails of images. When you click on a thumbnail, it is supposed to load the full size image in a targeted part of the top frame. It works fine in Explorer and Safari, but not in Firefox.
The address is http://www.justmyname.com/portfolio
If anyone has any suggestions on why it isn't working....
I'm utilizing the replaceWith(); function on a page to simply replace content in one area with new content with corresponding buttons.
Problem is I really want to have slimbox on my images that I am loading into this new area, and the links will not work. Oddly enough the code recognized that it is a link, it just won't play the slimbox animation, it just opens the image normally.
The code I have in a function file linked from the main page (portfolio.html) is:
$('#graphicOne').click(function() {
$('#descrip').replaceWith ('<div id="descrip"><div class="floatRightPortfolio"><h4><em>"Embrace your Environment"</em></h4><p class="right"><a href="portfolio/embrace.html" rel="lightbox" title="Embrace Your Environment"><img
[Code].....
So basically there's a descriptive area on the right hand side, and the buttons are on the left. Inside the descriptive area is the title, and then the image.
You can view the site here: [URL]
I've been trying to make my very ajaxy site more SEO friendly, lots of the returned actions from ajax can be retrieved as a full page, so it's just a matter of exposing the links. Up until now I've had 'span' tags which I have now changed to 'a href' so that the search engines will follow them. I've added the following code so that if the event should send an ajax request, it does that, or if it should go get the full page, it does that.
<code>
jQuery('a.mixContent').livequery('click',function(){
var vtid=jQuery(this)..parent('div.controller').parent('li').attr
('id');
alert(eventid);
if(eventid!=null){
clicked(getSelected, eventid);
} else {
[Code]...
I have a rotating picture set up on my site, and I would like to have external links connected to each of the pictures. So far, the rotating pictures work fine, but there is no link to be found. Here is my code:
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16720691-1']);
[code]....
Why is jQuery only working in Safari (mac) and not for Firefox or Chrome?
[URL]
Why does my below code not work in Safari and firefox? The below code does not call my page method.but it works on IE. Is there any thing need to enable Ajax mehod call.
[Code]...
I am working on this page - [URL]. When you click the Filter By buttons it alters the content of the iframe below it. This works fine in ALL browsers. However, when you click the browser "back" button it should return to the previous clicked Filter By button (and therefore the previous clicked iframe content). This works fine in every browser except Safari. In Safari it just returns to the previous full page (for instance, if I was viewing google before I went to my page and clicked the iframe buttons, it returns to google rather than the previous iframes).
View 8 Replies View RelatedI've built this DreamWeaver template for a website, the links I am using are Jpegs that, when rolled over, change to another Jpeg with a different color scheme. When I preview the template in any browser on in DreamWeaver's Live View, everything appears to be working fine.
Here's the problem: When I make an HTML page based on the template and attempt to view that HTML page, I get the following results:
Firefox: Nothing happens when rolling over IE: ActiveX prompt, upon allowing unblocked content I'll go over a button, at which point it switches to that "I can't find the image" image.
DW Live View: Same as Firefox
I can't think of anything that would make that happen, here is the code I am using.
For the button image:
<a href="about_one.html"><img src="images/buttons/btnAbout.jpg" width="75" height="40" id="btnAbout" onmouseover="changeAboutLink()" onmouseout="revertAboutLink()" /></a>
[Code]....
I have a Google map (API v3) with one marker and infowindow which contains a link that I have placed in a modal dialog. The problem is that the link in the infowindow is not clickable, even though it reacts to mouse hover. If I remove 'modal: true' from my call to open the dialog, the link becomes clickable, and the new page is loaded. Is there a solution to this?
View 1 Replies View RelatedI have two select lists that have option lists that are created from external XML lists that contain course offerings available at different locations. Each location has a different set of course offerings. When a user selects a location, the javascript code will hide / show the option entries that correspond to the course offerings for that location. If a user selects a course offering, the javascript code will show / hide the locations that offer those courses.
Click events are attached to each of the Option entries with the code below. The code works correctly with Firefox and Opera, but the click events are never triggered in IE, Safari or Chrome. The Chrome debugger seems to indicate that the click events get set up in Chrome (although I am not sure where JQuery saves event handler data). Each option entry has a unique ID tag.
$(".locn_option_select").click(function (locnevent) { // Set up click action on the option entries
locnevent.preventDefault;[code].......
I am doing simple Jquery ajax post to php and I am very new to three languages.[code]...
View 1 Replies View RelatedMy website has a JQuery dialog with a textarea where the user can type a text and submit. The submit is an ajax request to the server.
This is the code:
I can see the request on Firebug, so I added and error_log to my code.
The ajax request works perfectly on Firefox, Chrome and IE on PCs, but it does not work on Mac.
I am newbie& have following script: (Ajax Request)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<script type="text/Javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function get(){ .....
This code works w/o any problem in IE and Safari but does not work in firefox.
FireBug States:
invnew is not defined
get(
) new-at...da.html (line 8)
onclick(
)
1 (line 2)
event
=click clientX=44, clientY=435
$.post("data.php", {ChandaType: in...ChandaType2: invnew.paydate.value },
The scenario: 1) Generate a popup window via script. 2) Populate it (again
via script) with content that features local (hash) links.
In IE 6.x this works - the links work as they should, moving the document to
that document position. However in FireFox 1.x the links load the main page
(the opener) in to the popup.
Both browsers populate the location.href of the popup with the main page's
href... but this only adversly affects FireFox (which seems to, in this
scenario, reload the whole page on a local link). I tried manually
populating the location.href but no joy.
I've appended an example which demonstrates the problem. I've tried to
shave it down as much as I could. Just save it to an HTML page and load it
up in FireFox. Click the button then scroll down and click the link...
instead of returning to the top of the page I get the opener page's HTML
populated into the popup.
Any thoughts on how to address this? I've Googled, but it may just be that
I've been unable to hit on the right terms to uncover the answer.
Code:
