I am using a jQuery plugin called simpledialog. It normally launches with a button click or a link click, but I want it to launch conditionally instead. I'm doing some javascript checks and if statements and if they go thru, I want to launch the pop up, without anything being clicked or anything. Essentially as soon as the browser loads the web page. I couldn't really find any plugins that support this feature, so it there maybe a workaround?
One of the features of a site I'm working on is a button similar to the Facebook "LIKE" or Twitter "Tweet" [really exciting stuff to help with, right? ]
As such I need to be able to open an iframe as a layer on the page but can't load up a framework given the weight and potential for conflicts. The goal here is to be as light as possible while also avoiding conflicts. The page is multi-part so a simple layer won't do, it has to be a full fledged iFrame with the ability to fade the underlying window and close it down while also floating over page elements, drop downs, even flash.
Colorbox-min would be an ideal solution but the dependancy kills it. I do pretty well with frameworks but on my own am a JS novice. In a world full of ready made scripts,
What I'm after or trying to do is simply create a script to launch a new page after a X amount of time, like a popup. But I need the new window to have the following options like no toolbar or scroll bars etc... This is the code I've been trying to manipulate for my purpose and just can't get it right meaning it doesn't work at all in fact I haven't even been able to get the timer part worked in since I couldn't get the launch part working..... I've made a web app using asp.net & vb.net and need a launch page so I don't have any toolbars or scrollbars etc....
I am trying to launching a centered browser window via a form-button using the following code...
<button type='button' onClick="window.open('myURL','testwin','width=400, height=400, left=(screen.availWidth-400)/2, top=(screen.availHeight-400)/2'); return false"> Test button</button>
The new browser appears the correct height and width, but the left and top clauses are ignored.Am I being too ambitious trying to make this code in-line? Is there any other syntax I should use or should I give-up and call a function instead (I would rather not if I can avoid it)?I am using Firefox 3.0.17 (latest), but the same effect happens in IE7.
I am trying to launching a centered browser window via a form-button using the following code... <button type='button' onClick="window.open('[URL]','testwin','width=400, height=400, left=(screen.availWidth-400)/2, top=(screen.availHeight-400)/2'); return false"> Test button</button>
The new browser appears the correct height and width, but the left and top clauses are ignored. Am I being too ambitious trying to make this code in-line? Is there any other syntax I should use or should I give-up and call a function instead (I would rather not if I can avoid it)? I am using Firefox 3.0.17 (latest), but the same effect happens in IE7.
I need a counter that will display beside a link, with the number of times the same link has been clicked. I do not have FTP access to the site, since it is based on a CMS.
I'm trying to append the title attribute to the text of my link. I've got it working, except for the fact that all three links are showing the first link's attribute. Check out the demo at http://outdoor/fuelmultimedia.ca Hover over the Products menu item, and you'll see the drop-down with the attributes.This is the code I'm currently using:
var $titleText = $("#top nav ul ul li a").attr("title"); $("#top nav ul ul li a").append("<em>" + $titleText + "</em>");
I'm new to jQuery and have a problem with links inside an accordion.
The simplified code looks like this: <div class="active-item"> <div class="available-items"> <h5>Headline</h5> </div>
[Code]...
The problem is, that the links inside the table are not active. If i click them, the accordion is closing What do i have to do, to keep the links inside the open accordion as normal links, without closing the accordion?
I'm using Firefox 3.5.5 on Vista 32 Home Premium SP2 and only recently noticed that (javascript/jquery being enabled) link focus is lost when you tab through a page, follow the link to another page and then hit the backspace key to come back. Tab navigation continues at top of page, not with the next link after the one in focus before.
No problems in this respect with IE8 and Opera. As soon as you disable javascript with noscript, the problem disappears and link focus stays, so that tabbing brings on the next link instead of starting on top of page again.
Just confirmed it on jquery/com (following navigation link to Plugins and hitting backspace) and on learningjquery/com (navigation links). A Google search didn't yield any answers nor even any similar reports on this particular problem.
It's even more irksome in my particular case, since I have just implemented a stylesheet switcher in order to enhance certain accessibility aspects, but ironically this particular bug leads to a loss of accessibility.
Does anybody know what might be the reason (version 1.3.2.min related?, cookies related?, etc.) for this and how to solve it?
I have two links that have the same class name (like class="item191") on the same site. I want to hover one of these links and both links should become highlighted.
i want the link only to change color when clicked and content changes in window "#gallery". Then when click on another link, it goes back to original color and new link is now changed. Basically, only when link is acitve or focused on then it's new color so user knows link and content that's being viewed.
Umm, this is a tricky one to add a descriptive title for!
Basically I have two links on the page that go to the same page when clicked. What I want to do is when I hover over one of those links for the hover to work for both of them and visa versa.
Im updating a website to use ajax instead of Iframes. Ajax is working fine to load html content into a <div> yet my issue lies with the navigation buttons that trigger my ajax requests.
I have css styled buttons that contain <a> links </a>, i have removed the href and used a onclick event instead but when i remove the href the mouse will lose its hand cursor on hover and the css styled buttons stop working correctly.
Code:
<script type="text/javascript"> function loadXMLDoc() { if (window.XMLHttpRequest)
Below is an example of a synthetic click in Firefox. The browser does not follow the link. Is that the just the way synthetic clicks work of am I doing something wrong? I know the synthetic click occurs because if I add an onclick attribute to the link the handler runs. Any ideas? Code:
Can anyone explain why replace doesn't work in the code below, the anchor text doesn't change when I click on the link.I will be happy if someone can tell me
1. how to change the linktext to "Hide information" when I click on the link. 2. how to hide the showInfoText (which has been visible when I clicked the first time) when I click on the link - now with the text "Hide information" - again. 3. how to make the link clickable again. Just now it is only clickable once.
when you click on the link a new page html page opens and on that new page, information found in a database with the id of 12(as found in the link) will be displayed using external style sheets etc. Can this be done with html css javascript and json? P.S I know how to do this with php however I want this to be done in my mobile app so the actual page cannot be a .php page
I try to make the follow. I want that i can click on a text link and that then a link wil be copyed in a input form box (<input type="text" name="img_url" />).
I have google-ed about how i can make this but i cant find a explane how i can do this. I'm sure my javascript skills are the problem....
I cant link out of link inside rotating tabs. The rotation is working fine. I have no problem with it. Bellow is the index.html page with <script type="text/javascript" src="tabcontent.js"></script> wich ofcourse has the JScript that is making it work. You will see another small Jscript on the index.html page that I've been using to try to make the links work, but to no avail.
[Code]...
I hope this makes sense. If anyone wants to see the entire code let me know. Right now I just got the rotator working. I just need to make the links work. I will post it for everyone to use as soon as I get it working.getting the links going.
I'm working on a search engine that is just like google but customized for me and my friends. I have everything working well from the scripts supplied by google however they don't allow image searches. In order to combat this I added a link that links to google images. Is there a way to make the link go to google images and display my search keyword without having to retype it? The site is [URL] if you need to look at it.
I'm sure this has been brought up on these forums multiple times about showing and hiding div tags via links that you click on. The majority of ones that I found have you click a link to open the div and if you click the same link again, the div closes like it should.
But my problem involves multiple links and multiple div files that need to open the div assigned to it when clicked but also hide any previous divs that were shown with previous link clicks.
My Javascript in the head
Code: <script type="text/javascript"> <!-- Show arrow on link click function showArrow(id) {
