JQuery :: Superfish Parent Items And Images?
Dec 1, 2010
I'm building a Joomla site with Superfish vertical. I'm bogged down on 1 issue: parent itemid linked to specific images and how to make this work. My menu has 5 parent items. The child items are not an issue.My question is this: Does anyone know how to make linked parent/item id & images work together ? This may be more of a CSS issue than a script question but I thought I'd pass it by here as I'm getting "0" responses elsewhere and there could be a php/js script aspect to this.There is a bit of code (line 67-87 of superfish/tmpl/default.php) that has me concerned and it might turn out to be why this doen't work, I include it below. I'm pretty much illeterate when it comes to js /php but I can make out just enough to know it could impinge (either + or -) on what I'm trying to do.
if (($node->name() == 'li') && ($id = $node->attributes('id'))) {
if ($node->attributes('class')) {
$node->addAttribute('class', $node->attributes('class').' item'.$id);
[code]....
View 6 Replies
ADVERTISEMENT
Feb 9, 2010
When navigating to a sub menu the parent is properly keeping it's background color but the text color is reverting to its normal color. There is a link to the site below to see an example.
[URL]
Herre is the associated css
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #AB8890
[Code]....
View 2 Replies
View Related
Sep 30, 2010
I'm using Superfish nav-bar menu which works just fine (it hides all submenus with their childs) But I also want to one sublink display all childs without need to hover over their parent.
Here is the code:
In this example i want to Link 1 and Link 2, have normal drop down menus which are in normal state hidden. I need to Link 3, always display Sublink 3 including its childs (Sub sublink 3).
View 1 Replies
View Related
Aug 25, 2010
is it possible to use background images with superfish ? sprites ? or can i use image tags in the list item anchors ? Whats the best way to use image sprites in the first level of your navigation menu in conjunction with superfish dropdowns ?
View 4 Replies
View Related
Jul 27, 2010
I'm trying to manipulate items in a table using jQuery, using the parent() and children() methods of the "this" object. I think I'm not understanding how to use the parent and children methods correctly.
What I want the code to do is to show the list and button within the <td></td> when clicked on, and then hide it when the newly shown button appears.
[Code]...
View 5 Replies
View Related
Jan 19, 2011
how to make the menu items a fixed width in a horizontal Superfish menu . I've tried mucking about with the CSS but no luck so far. I'm sure it's easy, but I can't seem to work it out.
View 9 Replies
View Related
Oct 31, 2009
I'm thinking of using this plugin for my menus. Is there an easy way to display a menu item in a disabled state?
View 1 Replies
View Related
Jan 7, 2010
Can we keep different color for different menu items .
View 1 Replies
View Related
Jun 16, 2010
I am having trouble displaying in an alert the id of the list item which contains an image.here is the structure of li
<li id="IDr">
<img src="ImagesDoneTimelessDSC_0483_Thumb.png" alt="Zombie"/><span>Description</span>
<img class="Pink" src="ImagesPinkBanner.png" alt="Pink Banner"/><span
[code]....
View 2 Replies
View Related
Sep 12, 2009
I followed a tutorial in .net magazine (a UK web design mag) on how to fade images using jQuery. I have followed it and I can now fade images for my menu, problem is, I am not sure how to append the code to all my to fade images for non list items. For example, I have a call to action button (just a telephone number with a graphic, I have used css sprites to add a hover to the graphic, but would now like to fade it using jquery. Still not managed to get this working, here is what I for my menu, which fades the images perfectly.
html:
Code:
<div id="navigation_primary">
<ul>
<li class="home hover"><a href="home">Home</a></li>
<li class="services hover"><a href="services">Services</a></li>
<li class="work hover"><a href="work">Work</a></li>
<!--<li class="blog hover"><a href="blog">Blog</a></li>-->
<li class="contact hover"><a href="contact">Contact</a></li>
</ul>
</div>
Here is my jQuery:
Code:
$(document).ready(function() {
navigationPrimary();
});
function navigationPrimary() {
$('#navigation_primary li').removeClass('hover');
$('#navigation_primary li a')
.css({ opacity: 1.0 })
.mouseover(function() {
$(this).stop().animate(
{ opacity: 0.0 }
, 300);
}) .....
View 1 Replies
View Related
May 26, 2009
I am trying to add selected dropdown items (in a popup window) to a hidden input field (inside the parent window). Here is the function I am using but it does not seem to work. Any ideas on what changes I need to make to get it to work?
Code JavaScript:
function addSelectedItemsToParent(domainid) {
self.opener.editdomains.parentList[domainid].value = window.document.forms[0].category_1;
window.close();
}
View 7 Replies
View Related
Mar 4, 2011
I'm using superfish menu jquery plugin, and I'm wondering if someone know how to update plugin that you can decide if sub - sub menus wil be shown on the right (that is in the original) or on the left side of the parent menu.
The problem is, that if the last menu is near the end of the browser, than the sub - sub menu will go off side the browser.
View 2 Replies
View Related
Aug 6, 2010
I am working on a site with a left menu that slides out, and I've converted it to the top to drop down. So far, it is working ok, but the submenu items need to be below the parent, preferably left aligned. I have played with it a bit and so far can't seem to achieve what I want. See below where I'm clicking Resources and the menu is way too high and over to the right.
//** Dynamic Drive Equal Columns Height script v1.01 (Nov 2nd, 06)
//** http://www.dynamicdrive.com/style/blog/entry/css-equal-columns-height-script/
var ddequalcolumns=new Object()
[code]....
View 2 Replies
View Related
Jun 11, 2010
I need to add selected items using checkbox from child window to parent inside a form element. I also would like to have delete link besides the added elements so that it can be deleted. I have the child window poping up for selection and trying to achieve, adding selection to the parent form along with the values and link besides it to delete the added elements.
View 1 Replies
View Related
Sep 18, 2011
I was basically trying to follow several tutorials to get a superfish menu working on my website, but I don't seem to be able to get it to work.I included both the superfish.css and the superfish.js in my website's header; both paths are corrent and point to the designated file.I then included the superfish function in my header like this:
<script> $(document).ready(function(){ $('ul.sf-menu').superfish({
delay: 1000, // one second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
[code]....
The corresponding <ul> element has the required sf-menu class, but still there are no animations, no fading, no delays, just the plain css functionality provided by the superfish.css.
View 2 Replies
View Related
Jan 10, 2010
version of Apycom's jQuery menu; you can find itat http://apycom.com/ and it is looking really good.I have uploaded files, and published it on a test site - www.flexin.beUnfortunately, some of the submenus starting from the second that haschildren elements, it adds the item on the top level in InternetExplorer.Does anyone on this list has any experience with this library?
View 2 Replies
View Related
Jul 20, 2005
I have a main page:
--------------------------------------------------
<html><head><title>Test</title>
</head><body>
<img id="img_a" name="img_a" src="image_1.png" alt=""><br>
<object width="0" height="0" type="text/html"
data="/cgi-bin/next_img?img_a">
refresh image
</object>
</body></html>
--------------------------------------------------
and a script next_img generating this code:
--------------------------------------------------
<html><head>
<script language="javascript1.2" type="text/javascript">
<!--
function doLoad() {
setTimeout( "refresh()", 15 * 1000 );
}
function refresh() {
window.parent.document.images["img_a"].src = "image_2.png";
window.location.reload( false );
}
//-->
</script>
</head><body onLoad="doLoad()">
</body></html>
--------------------------------------------------
The Script specifies a new image (image_2.png) and the duration (15 sec)
to show the new image. On timeout the script is called again. The main
page may hold more than one image and object.
The Script looks nice on Mozilla Firebird but can't find the images in IE 6.0.
I also tested some variants of refresh() like:
function refresh() {
var image = window.parent.document.getElementById("img_a");
image.src = "image_2.png";
window.location.reload( false );
}
but no success.
View 1 Replies
View Related
Jul 14, 2010
I am working on a form inside my administration console to upload images with PHP. In my form I have the following:
[Code]...
The onchange submits the form to a seperate PHP file (sent in the action of the form) dedicated to handling the uploading of the images, while the submit button(not shown in code) will submit the rest of the form through ajax. In order to use 1 file field, Ive read that to get an ajax looking effect I need to use an iframe, so I added the IFrame into the HTML and got the effect working right (without actually uploading the files.)
Now I want to limit the ammount of images to 8. Which is where the hidden field came in. So i've got to figure out a way to count the successful uploads, or add them as we go. At which time that number turns to 8, the script will disable the file field from anymore uploads. Problem is I have no clue where I need to go within my php file to make this happen. Here is my php file with javascript added in:
Code:
<?php
// lets go ahead and get this image uploaded
?>
<script language="JavaScript" type="text/javascript">
var parDoc = window.parent.document;
var upldcnt = parDoc.getElementByID('upload_cnt').value;
[Code]....
View 1 Replies
View Related
Sep 24, 2011
Demonstration page: [url]
Adjust the CSS margins of the BODY element with the first slider. The yellow P (paragraph) element resizes to fit its smaller containing block, as I would expect.
Then, adjust the CSS border or padding of the BODY element with the second and third sliders. The P element does not resize, though its origin changes. Instead, it overflows its containing block.
Finally, adjust the margins again. The P element snaps back into its containing block.
As you can see from the source, this is jQuery 1.6.4 and jQueryUI 1.8 pulled from googleapis.com.
Edit: Client is Google Chrome16.0.889.0 dev-m.
View 2 Replies
View Related
Feb 25, 2011
I have an ASP.net page where I load a record set server side and upload it into a listbox. I'm trying to do all the movement functionalities of the listbox items client side. Specifically, I'm trying to figure out how to copy selected listbox items from one listbox to another -- on button click. I've searched for a while, but every example that I found moves the actual item into another listbox, I just want to copy the selected item to another listbox.
View 6 Replies
View Related
Jul 6, 2010
I 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 Related
Sep 11, 2010
I am having a problem with superfish working in IE8. It displays vertically instead of normal, i.e. horizontal.
This may be a known issue but i cant find anything on it.. it may also be a CSS issue but i cant tell for sure...
View 1 Replies
View Related
Dec 10, 2010
Iī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.
View 1 Replies
View Related
Mar 9, 2010
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.
View 2 Replies
View Related
Oct 11, 2011
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'>
View 3 Replies
View Related
Jan 21, 2010
I'm trying to create my first theme and I'm new to both PHP and jQuery. I have been trying to get Superfish working on Wordpress for too long now.I have placed a directory called "js" in my theme's folder. jQuery 1.4 is in there with the Superfish, HoverIntent, and CSS files. This is the code...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">[code]....
The only thing that shows up is a list of the Pages without any CSS or fancy menu happening.
View 2 Replies
View Related
