Konqueror/Safari Problem: DHTML-generated Links And Frames
Sep 26, 2006
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.
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 am trying to capture the image coordinates when a user clicks on an image. My code is working in Firefox, Mozilla, Netscape, IE, and Opera, but fails under Konqueror (and I suspect Safari). The code below fails in Konqueror when the page is scrolled down; the coordinates are off by the scroll amount.
My code in the html img tag: onClick="MLDot(event)"
Because i'm a javascript newbie, i decided to use a application (allwebmenus) to create a tree menu.But I wasn't able to find a option in the program to change 2 frames with 1 click.This is the situationI've got 2 frames (maincontent & logo) and 2 documents (opschoning.html & herinstalleren.html).At the moment the menu is working fine. When clicking on "- opschonen" ,opschoning.html is nicely loaded in the maincontentframe.But i would like to see that at the same moment herinstalleren.html gets loaded in the logoframe.I've been trying hard, but couldn't find the solution for the problem.
Code: //----------DHTML Menu Created using AllWebMenus PRO ver 5.1-#766--------------- //F:ProgjesawmTheme GallerySlidingscott.awm
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.
I'm currently trying to implement expanding text to links. However, as the links are created dynamically I need to be able to make the DIVs Id-tag 'general' in the script.So, instead of this:
function pageLoad() { collapseAll($('myvar_1','myvar_2','myvar_3)); }
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....
Entire Code Sample:[URL]I can get this code to work no problem if I create a second iFrame ("iNav") just to load the DHTML menu into. EX:
Code:
var FirstLineFrame=parent.iNav; // Frame where first level appears var SecLineFrame=parent.iNav; // Frame where sub levels appear var DocTargetFrame='icontent'; // Frame where target documents appear
However I would like to avoid this as I really just want the single iFrame on my page and then dynamically load content into the iFrame via the DHTML menu.
This is something I just can't seem to get to work at all. The script I am trying to make work is a fairly simple concept. I have a series of links generated from a database. Each link is a product category. The number of links depends on the number of products in the database. Threfore, to give each link a unique id, I append the product's unique key from the database to the end of the link name, so no matter how many products are in the database, each element id is unique. No problem there. The links all put the correct product info into the div when clicked. (To be accurate, it isn't really a link onclick it's an AJAX call. That is irrelevant.)
However, each 'link' also has a mouseover function that displays a set of thumbnails in the div. Specifically, this is the problem. Once the 'link' has been clicked, I want to disable the mouseover event. After the click, the div shows specific product information, because that is what the customer is interested in but if they move the mouse up or down, they get a set of thumbnails for stuff they don't want.Back to the programming. This is how I have tried to disable the thumbnails, (tinythumbs function)
function stopthumbs(row){ var stoppit = row.getAttributeNode('value').nodeValue; var stopthis ="thumb_link"+stoppit;
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.
I discover a strange bug in Konqueror 3.1.1. I design a javascript application which acts in one file called example.html. At the beggining of this js i write:
if (document.images) { folderopen= new Image(16,16); folderopen.src="http://www.sergioamo.8m.com/buttons/folder_open.png"; folderclose= new Image(16,16); folderclose.src="http://www.sergioamo.8m.com/buttons/folder_close.png"; } functions.... .... ... .. and my javascript works perfect. If i write:
if (document.images) { folderopen= new Image(16,16); folderopen.src="./buttons/folder_open.png"; folderclose= new Image(16,16); folderclose.src="./buttons/folder_close.png"; } functions... .... ... .. my javascript does not work properly. Does anyone knows if is imposible to use relative references with konqueror 3.1.1 or which is the problem?
I am creating a chat script that uses PHP and Javascript. For part of it I need to empty one of the text boxes. The scripts I use work fine in IE and Firefox, however the the text box will not clear in Opera and Konqueror. I have tried the follwoing: document.getElementById('commentbox').innerHTML = '' and document.chatform.comment.value = "";
Like I said they are both fine in IE and Firefox, but not in Konqueror or Opera. I have searched for hours looking for code that will work.
Is there an equivalent in Konqueror's KJS engine to Gecko's __defineGetter__() and __defineSetter__() methods? Our web application uses a ton of Javascript, written based on Internet Explorer's object model as that's the primary platform that we're supporting. For Netscape support we uses __defineGetter__() and __defineSetter__() to emulate the many IE-only properties. I've tested our site using Safari, and to my surprise, it renders perfectly. Alas, it's completely non-functional. If it's somehow possible, I'd love to write a similar emulation library for KJS so that our non-Windows users would have an alternative to crummy Netscape/Mozilla.
I'm would like to add a light box to a site that has content generated by php. Basically it is a property site and will have a thumbnail image and description. When the user clicks on thumbnail I would like to display a gallery of pictures relevant to the property. Each property will be generated dynamically by php. My question is how do I enter the selector for the gallery into jquery. I am thinking of using Fancy Zoom as you can use hidden elements, as the gallery will be hidden.
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.
The very simple code (below) works fine in Safari (and Chrome, Firefox etc.), but it doesn't work in Mobile Safari. Why?(You can find a working example at: http:[url]....)
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>[code]......
All I want to do is to have a div slide down from underneath a button I have. When i search online, I find a zillion slide down menu scripts, but they don't work for just sliding a div.
I've copied some code from a book which will enable me to make a layer around a page, my aim is to do something a little more complex but this I thought would get me started.
Anyway, I've run into a problem before I even start! The script works OK, it runs the image in from the left hand side quite nicely, great. Problem I have it always scrolls up to the top of the page, when the link I click maybe 2 or 3 screens below (does that make sence?). I thought if I was to add a name attribute to the link I could get the co-ordinates of this and the screen will not reposition. Code:
My pages all have the same blank at start then the images slide up trick. I have an old workaround for IE that stopped working, and I don't know what to do. In IE now nothing shows up.
