My question is regarding the behavior of Supersubs in IE6. It seems to adjust to the correct width, but, it applies the new width to all of
the parent UL's of the widest LI. In IE7 and FF the new width is only applied to the containing UL of the LI.
I installed Superfish, use the menus, everything is ok.how can Supersubs be enabled in Joomla? I cannot find a tweak in the Superfish backend module? Does any filehave to be edited by hand?
View 1 Replies View RelatedI am using jQuery Superfish (with Supersubs) but I'm getting an JS error when loading the page:Error: $("ul#topmenu").supersubs is not a function I looked at the supersubs.js file but I can't figure out what the problem is. I'm calling jquery.js, jquery.superfish.js, and jquery.supersubs.js on the <head> and initiating menu as suggested:
$(document).ready(function(){
$("ul#topmenu").supersubs({
minWidth: 12,
[code]....
It'd be nice if Superfish was hosted on something like Github so we could better give feedback like this. Anyways, the Superfish plugin [URL]has an additional plugin called "Supersubs," which makes the drop-down menus change their width toaccommodatemenu items on one line.
It's in beta and is a little buggy, I couldn't get it working perfectly on some of my menus--it would make the menu widths wider than necessary. But I discovered a superior way to accomplish the same thing, using only CSS. I've tested it to work in IE6, IE8's emulated IE7, IE8, Firefox, and Webkit (Chrome/Safari).The drop-down <UL>, and children <LI>s should have no width set, and both should be set to display:block; The link should be styled as such: #nav li ul a { display:block; width:auto; white-space:no-wrap; }And that's it! Auto-expanding drop-downs!
Trying to get the Superfish menus to work in vertical mode, whereby each list item is a single line, and the next menu down sits to the
right of that menu. For normal horizontal menus you use the Supersubs option when you call Superfish, but the superfish-vertical.css you need to make the menus layout vertically, seem to overwrite the widths of the UL's and LI's.
ok, here's the background on my "lets learn jquery" debacle ... I have downloaded it (plus the UI) and that demo index.html loads and functions perfectly.
well, I can create a brand new .html document, and include just the jquery.js and perform something, and it will work ... here's the thing, if I change *anything* in the source file, the content in firefox will not refresh ... I could even delete random tags, including the <body> tags, the <h1> tags and text ... and it will just not carry over to the browser. And, if I view the source on firefox it will show a random amount of lines removed from the bottom of the .html file
what in the world is happening ... it is driving me crazy that i cant figure this out. (btw i'm using jquery1.4.4 on centos5.4 + apache2.3.3, and firefox3.6.6 from win7 if it matters)
to recap, if i start with a blank/fresh/from scratch file it will work as designed ... but as soon as I change anything, adding or removing code/content, it blows up randomly displaying content (even old content that isnt even saved in the .html file anymore!)
I have a div i would like to present and while it is presented i would like to disable everything else behind (like what modal dialog does). I'de like to write it myself and not use a plugin, is it hard to do?
View 1 Replies View Relatedmy code:
GEvent.addListener(map, 'infowindowbeforeclose', function() {
var form1 = $('#window_form_tab1').serialize();
var name = form1.name_field;
[code]....
and this is the form:
''+
'<div id='window_div1' style='width: 300px; height: 300px; '>'+
' <form id='window_form_tab1'>'+
' <label>Tipo de espaço</label>'+
[code]....
I have been spending my whole life on converting a flash version of a header/menu system to jQuery HTML. It is very nearly done in that it works nearly 100% perfectly in Firefox and IE8. [URL]. Unfortunately, in Chrome and Safari, my menu events of the top menu seem to fire inconsistently, and in the wrong order. It is easy to trigger a problem by simply circling your mouse over the top links. One of the menus will retract when it's already retracted, or the mouseover event for one or more of the links will seemingly detach, making the menu unusable.
The way it is supposed to work is as follows: Person hovers over link, causing menu to slide out and the mouseover event to be detached. This also triggers a 1 second timer that retracts the menuHovering over menu cancels 1 second timer.When the mouse leaves the menu, the menu is retracted and the original mouseover event is attached to the link. It's a bit hackish but it works and I've spent way too much time on this project as is. I have a lot of iphone detection checking to disable/enable some portions of the code if the browser is mobile safari. The site works fine in mobile safari as is.
I'm trying to prevent any mouse clicks on my page (if only for a short time), and I have this working on a very simple test page, but within my application (that has a very large DOM footprint) nothing is working. function noop(){ return false; } jQuery( document ).bind( 'click mousedown mouseup', noop ); I am running this code well after the DOM is loaded. I've tried binding to document, document.body, "*", and window. I am not dealing with any frames. I've also tried unbinding any click/mousedown events prior to binding. I am currently using jQuery 1.2.6, although for fitness I tested this with 1.3.2 but I get the same results. What could I be doing wrong?
View 3 Replies View RelatedI'm using the pause setting to pause the slide show when the mouse hovers over the slides. The problem is if I come from a page where the link is in the same area as the slide show, it reverses the hoverbehavior. That is, it cycles on hover and pauses when the mouse is moved off the slide show.
If the mouse is moved outside of the slide show before the page is loaded, it works correctly.
Here's the code:
I am experiencing unexpected behavior using $(document).ready() on a page where I inject jQuery after the page has loaded and then attach listeners to the ready event. The ready() event is never called using Firefox and Safari however it is called using IE. Is this a jQuery bug? Is it working as designed?
[Code]...
I recently updated from jQuery 1.4 (I think 1.4.4) to 1.5.1. Before the upgrade, when users pressed the browser's Back button, they would usually be taken back to a page with all their changes intact. If they had modified input values or clicked objects that caused other parts of the page to change, they would still see those changes. Back literally took them back to the exact thing they were looking at before. Under 1.5.1, Back takes them to the prior page as it was when it first loaded. What changed? Can I get the old behavior back?
View 2 Replies View RelatedI have a series of paired <select> objects. By paired I mean the <option> values of one is dependent on the state of the other via an ajax call. Something like:
[Cdoe]..
Here's where the bizarre behavior happens. If I trigger a change event for "primary" classes, i.e. $('.primary').change(), only the LAST "secondary" gets changed. For the list above only $('#number_six') would be dynamically filled. I tried using $('.primary').each(function(){ blah }) instead but got the same result. I read somewhere that some change events are only registered when the object is no longer in focus, so I tried adding .blur() to the end of the statement.
I need to be able to use jQuery's load function to grab the contents of an external file and append them to a particular DOM element. The problem is that when that external file includes scripts that contain calls to document.write, I get weird behavior that changes depending on which browser I'm using.If I'm using Internet Explorer, the load function gets all of the non-script elements from the external page and correctly appends them into the DOM element. Of course, this is not ideal because it ignores the scripts.If I'm using Firefox or Safari, the load function runs the scripts but the document.write output overrides the entirety of the calling page.Thus, I end up with a page that now only contains the document.write output instead of a page that includes the original HTML plus the document.write output as a child of a DOM element.
View 4 Replies View RelatedI've got a div, and it has an onMouseOver handler attached to it which makes a second div visible. The second div shares part of one side with the first, but not all.
The first div also has an onMouseOut handler which, you guessed it, makes the second div invisible.
However, if the user rolls out of the first div and into the second, I'd like to keep the second div visible. Any ideas how to accomplish this?
Is there a way, besides writing another method, to make Date.setMonth() do something more useful than nothing when the month in question creates an invalid date? If I try
d=new Date();
d.setMonth( 1 );
today, I'd really like to get some kind of an error rather than silent failure.
I have a table that changes its cell (input text) colors when their contents
have changed (actually on keypress) and shows a couple of buttons
automatically, UDPATE and CANCEL. This works partially, though detecting
enter and escape doesn't seem to work, or parhaps calling the button click
events directly doesn't (see below).
In addition to getting the ENTER and ESC keypresses to fire their
appropriate button clicks, I need to be able to collect information on which
cells have changed, so on the page loading again I can read this
information, perhaps from a hidden field, to use to update a database
server-side.
<script language=javascript>
function GirdTextKeyPress(txtID, btnsContainerlID, btnUpdateID, btnCancelID)
{
var txt = document.getElementById(txtID);
txt.className = 'GridChanged'
var bc = document.getElementById(btnsContainerlID);
bc.style.display = 'inline'
var btnUpdate = document.getElementById(btnsContainerlID);
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancelBubble = true;
btnUpdate.click();
}
var btnCancel = document.getElementById(btnCancelID)
if (event.keyCode == 61)
{
event.returnValue=false;
event.cancelBubble = true;
btnCancel.click();
}
}
</script>
<style>
Input.Grid
{
border-style:none;
}
Input.GridChanged
{
background-Color:Yellow
}
</style>
Normally, a button like <input type="image"is also a submit button.
Is there any way to override that so that it has an onclick event but
does not submit the form?
For what I'm trying to do, I cannot use an <imgelement with onclick.
I have to use a form element (and I'd rather have an image than a
button)
I coudn't understand some behavior of RegExp.test function.
Example html code:
----------------
<html><head></head><body><script type="text/javascript">
var r = /^https?:///g;
document.write( [
r.test('http://a'),
r.test('http://b'),
r.test('http://c'),
r.test('http://d')
]);
</script></body></html>
---------------------
The page displays true, false, true, false. (in Opera, Firefox and IE)
This is strange because I expected it would display true, true, true,
true. There must be something I didn't know about the function
RegExp.test.
I used the following script to allow me to bring up a list of events
for a given year by simply hovering the mouse over the filename. As
follows --
<script Language="JavaScript">
function winopen1(){
msg1=open
("","WINDOW1","toolbar=no,location=no,directories=no,status=no,me nubar=no,scrollbars=no,resizable=no,copyhistory=no ,width=550,height=200");
msg1.location="1989H.htm"}
</Script>
Then....
<a href="1989H.htm" onMouseOver="winopen1();return true;"
onMouseOut="msg1.close();return true;">1989</a></font></td>
This is one example .... this is repeated about 20 times in the
program, one for each year of our history...
It works fine ... but not on all the browsers in our office. Most work
fine ... others (all IE) work fine on some dates; other dates, when
you hover, flash a blank page repeatedly until you move the mouse
away; almost as though it is looping ...
I notice that "about:blank" flashes briefly before the called page
comes up ... but that appears to be normal.... I have checked and
rechecked all coding, all brackets and semi-colons ... and it works
perfectly -- for me and for a few others.
I expect to see "foo" for the 2nd alert. Instead, the value of select is
cleared. Am I missing something?
<html>
<head><title>Foo</title>
<script language="javascript">
<!--
function foo()
{
alert('Before change: ' + document.control.titleFont.value);
document.control.titleFont.value = 'foo'
alert('After change: ' + document.control.titleFont.value);
}
-->
</script>
</head>
<body>
<form name="control" method="POST">
<select name="titleFont">
<option value="sans-serif">Arial</option>
<option value="serif">Times</option>
</select>
<input type="submit" name="control" value="Submit" onclick="return
foo()"/>
</form>
</body>
</html>
I've been working with a page that should act as a 'jump page' before
loading a PDF and when I use the location.replace function to replace
the jump page with the resulting PDF, both the jump page and the pdf
show up into the browser history (in IE only) leading to the dreaded
back-button loop. Code:
I want to call a JS function when Enter is pressed inside the form, and when the submit button is clicked I want to submit the form. Any simple way for doing this?
View 1 Replies View Relatedi'm sure its been thought of before and i'm sure this is just gunna piss off the people who like to tab through their pages, but i just made a little behavior component file that stops any links from gaining focus on your page.
put this is the style section of your page.
<style type="text/css">
a { behavior: url("hidefocus.htc"); }
</style>
then put the attached file in the same dir. (hidefocus.htc) this is all it is
<public:component>
<public:attach event="onfocus" handler="blurry" />
<script>
function blurry() {
element.blur();
}
</script>
</public:component>
Note: since this behavior is stored in an external file, sometimes one instance of link focus can occur before the htc file can be loaded. if anyone has any tips on fixing that i'd like to hear'em.
I have a drop down menu on my page, works. Then I went to add another ddm, doesn't work when on page, but works independently . DW creates a file called mm_menu.js. I am sure the problem is here, but I don't know what to change. Might anyone here know what I am talking about/had this prob before?
View 1 Replies View Related