I'm using the default accordion example from the UI Demo page.I would like to remove the header part of the menu completely, where it says 'section'. Is there an option or something to do that??
View 1 Replies
I know $(element).css('top',''); should remove any value for top. However, in IE7 (or rather, IE9b in compatibility mode), it still leaves style="TOP: ;" on the element (as given by: alert($(element).attr('style'));). I know this shouldn't be a problem, but for some reason it's playing around with my element, which has external CSS settings it as bottom:5px;. The top:; is applied, but then I want it completely removed. However, there might well be other css inline, so I don't want to removeAttr('style'). Is there another way to completely remove the 'top' property?
View 6 Replies View RelatedWhenever I try to .fadeout() or .remove() a a prepended text, it is still there even after I remove it.
Javascript:
$('#body').ajaxStart(function(){$('<span class="loading"></span>').prependTo('#body').fadeIn('slow');});
$('#body').ajaxComplete(function(){$('.loading').fadeOut('slow');});
CSS:
.loading {
background-image: url("..loading.gif");
background-position: top;
background-repeat: no-repeat;
display: block;
height: 15px;
text-align: center;
}
Objective:
Shows the loading image (.loading) before the main content (#body) when the ajax task starts and removes it when the ajax task has been completed. Triggered by an onclick event.
Details:
The code above works. The problem is everytime I click the html element (<li>), it prepends the content from the previous execution. As such, if it has a text "loading..." the next time I click another item from the menu it becomes "loading...loading..." I tried using the .fadeout() but it only hides it. So I try .remove(), same thing happens. Tried using them both, separately, and hand-in-hand, the object still does not get destroyed.
Versions: jQuery 1.5.2
I want only the Text to be clickable in the accordion-header. I thought the header option is the right way to do so, but it doesn't work. Instead of h3 i want only the link to be clickable:
$(function() {
$( "#accordion" ).accordion({header:'a'});
});
<div id="accordion">
<h3><a href="#">First header</a></h3>
<div>First content</div>
<h3><a href="#">Second header</a></h3>
<div>Second content</div>
</div>
Im using the below javascript to resize images on a forum I have created but I want it to ignore 2 certain images that are part of my header. Heres the code
<script>
window.onload = resizeimg;
function resizeimg()
{
if (document.getElementsByTagName)
{
[Code]...
In jQuery how do I remove a certain part of an id...for example i have a div id='thisisadiv_1'I want to remove the 'thisisadiv_' part This is so I can add/subtract 1 to switch divs.
View 4 Replies View RelatedFor example ,There is a "Link" called "go to view" at the bottom of the my page, which is redirecting to [URL]. if we use $_SERVER['HTTP_REFERER'] in test.php page It will display the url of the page from which link was clicked. The problem is this my URL can be seen at the target page. This needs to be avoided. How can i do this using javascript ?
View 7 Replies View RelatedMy goal right now is to make a two-part navigation bar where you don't have to reload the whole site, when you click on a link. The navigation bar consists of two <ul> lists with <li> float:left and <a> display:block, so I basically have two lines. It's probably easier to understand if you see it for yourself: jsfiddle (had to change the css style, because I use .less but it works)
When you load the page it's just like that, you have your main category (A,B,C,D,...) and the sub-category (A1,A2,A3,...). What I want: If you click on B, the sub category changes to B1,B2,.... If you click on a sub category the site loads the requested page (with ajax = best solution?!)
My thoughts
At first I thought about just changing the name and href attribute of the second list, but the main categories have different amounts of sub categories, so I would need to add or remove <li>'s. Then I thought about using .load() but I somehow screwed up (of course) and the loaded <ul> doesn't have any css style (wrong order?) and I can't see anything. (with a loaded test.html site containing only the word "test" it worked) Is ajax "overkill" as a solution?
CodeIgniter and the URL
I use CodeIgniter (a PHP framework) for the website and URLs like this: www.example.com/maincategory/subcategory (e.g. example.com/A/A3) That's no problem at all, if I don't use any javascript and reload the whole site every time. But is it possible to change the URL with jQuery when the user clicks through the navigation bar? You click on B, the URL changes to example.com/B all the subcategories change to B1,B2,...When you click on B2 the URL changes to example.com/B/B2 and the site loads the requested page (I guess with ajax, so the navigation stays the same?!)
Minor problem: when you load the site, click on B, then B3 for example, you would get the url example.com/B/B3. If you now save this link, close the site and reopen it with the link, CodeIgniter would load the right site and everything, but the navigation would show A1,A2,.. in the sub category.
Hover vs click
Almost every page where I saw this kind of menu they used hover to change the sub category. But I thought click would be better, so you don't have to avoid touching B,C,D,.. if you want to go from A to A9 for example. Only downside is that you have to click before you see the sub categories.
Summary
A two part navigation menu you can use without reloading, changing URLs (when possible) and probably ajax to load the actual content.
I am creating a website and it utilizes the Apple Touch Icon:
<link rel="apple-touch-icon" href="/customIcon.png"/>
Basically, I want to be able to change the bolded part from a drop down menu. Like, the user would select a certain item in the drop down menu and it would change the bolded part to a different link (the one corresponding to the drop down menu selection).
I am currently building a site which requires the header to slide between pages, onclicking the menu items, for example your on homepage and you click the next or any menu item, when the page loads the header image slides from the home image to the next page image, and vice-versa when you click back it does the opposite. I have tried to code it myself below, i have the slide working. But my problem comes in when i try and switch pages, i've tried adding the javascript fade function in this page to body onload of seperate pages but i cannot seem to get the effect i want.
[Code]....
I'm beginner in jQuery and trying to write "add/remove div object" script.
I found on web some examples how to do it but... there's two problems.
Firstly I want to add some DIV when user choose any value from select list html object and absolutely don't know how to do it...
Secondly - every new DIV object created by select list from html must have (inside of this div) something like "remove me link" which of course should deleted this DIV from page.
I have a problem with my menu. I am trying to add and remove classes when clicking on the main menu links. For instance when on load, the 'Home' is the current tab clicked, but when I click on 'Contact Me' I would like the class current to be removed from 'Home' and added to
'Contact Me' instead.</div>
<div>Â </div>
<div>The code im using is the one below.</div>[code]....
Each "row"has a row beneath it with a "menu" part to edit / view the record etc. using css the menu is set to display:none. when a user clicks the record jquery does a .show() on the menu row is it posible to sort the columns preserving the record row and menu row (maybe grouping them with a class or something) the sort to not read the menu row. and if you click on ID / Client / Cm on any of the "sections" (Display / Classifieds) it sorts that colum for the whole table... so say i click on cm under classifieds it also orders the colum acordingly for display i checked out tablesorter but its not quite working...table structure demo [url]
View 1 Replies View RelatedLike if I make a dropdown menu using javascript, how do I make it go away whenever you click outside of it?
View 5 Replies View RelatedI am working on a website that uses a random header. I have been trying to figure out how to adjust the code so that the header also serves as a clickable link.
Here is the code that I have:
What do I need to add in order for the header to also serve as a link? I am completely new to JavaScript and I don't understand it very well.
I created a slideshow using the cycle-lite pluginLINK. LINK TO SLIDESHOW The slideshow is nearly great. The first time you load the images it is a bit bizarre. The images loads and fades at the same time.
Is there a way i can hide the images until all has loaded then trigger the slideshow.
[Code]...
I have some code and it wasn't working at all in IE and then I found that there was a bug relating to it.So I downgraded to using 1.4.1 and the code works, but not completely. When I first check the checkbox in IE it does nothing, it's only when I check it for the second time (uncheck and then check again) that it changes the values accordingly. The select form elements do work in 1.4.1 [code]
View 1 Replies View RelatedI'm working on a script to pass the content height to some other element. The whole script is within the document ready function, but somehow Google Chrome thinks the content height is 0 (zero), because it's so fast. When I set a timeout it works correctly, but I don't really like this solution because of the delay.
var contentHeight = ($('body').height();
setTimeout(function() {
var contentHeight = ($('body').height();
[code]....
I'm trying to recreate a behaviour which enables a disabled checkbox after the user has completely scrolled down to the bottom of a textarea ("agree to license terms"). My current state can be found at http:[url]....The checkbox is not being enabled with my approach. I can enable the checkbox if I explicitly set scrollTop to a value, but then I'm not able to scroll anymore at all. So I am guessing it probably has to do with the scroll check not working properly.
View 3 Replies View RelatedThis time I have a trouble with remove(). Here is my code :
$.each(val.produitsIds,
function (j, val2) {
if($('#chk_' + i).prop("checked")){
//$('#' + val2).prepend("<div>liste des tailles</div>");
$('#' + val2).prepend("<div>" + $('#chk_' + i).attr("value") + "</div>");
}
[Code]...
I want to remove a specific box when i click on the remove button in that box. I have a lot of boxes on a page but when i click on the remove btn it removes all the boxes. I just want to remove the box where i click on the delete btn.
This is the js code:
$(".del").click(function() {
$('div.floating-box').remove();
});
[Code].....
I used document.readyState to check the document state, but it gavem access is denied error at that line. is there any other way to do it?
function wackOpen(){
my_window1=window.open('http://www.yahoo.com','','left=20,top=20,width=2,height=2 ');
//my_window1.location="$send_sms[0]";
my_win_status=my_window1.document.readyState;
....
.....
}
This may sound weird but I'm try to find a way to copy the whole docoument from one frame to another. It's sort of like stowing away the whole page to another frame so that user can use the main frame for other things. When done, the user then can pull back the previous page into the main frame. I tried the swapping with document.body.innerHTML but then it only copied whatever in the body but not the header, which contains all the javascript functions and css. I thought about just replacing the other frame's url with the current but it won't work because the current page contains a "form submitted" search & result. Loading its url to the other frame would result in a complete new search.....
View 2 Replies View RelatedI know it's possible to manipulate the status bar when a user scrolls
over links, but is there a way to completely disable or hide it? I
have a flash program that connects to a database every 5 seconds, so
the status bar always says "transfering data from..." It gets quite
annoying, so I was wondering if there was any way to stop the status
bar from displaying this message. If I can't hide it, it would be nice
if I could get the status bar to say "Done".
I thought up this script when I was working on a website that acted as a cell phone. I did take a little coding outta brothercakes frogger script. If you dont want me to have this up here, just let me know. But here it is:
function alert(msg)
{
alObj=document.createElement("div");
document.body.appendChild(alObj);
alData='<table cellpadding="0" cellspacing="0" border="0" style="width:25%;height:10%;position:absolute;left:355;top:180;z-index:1;"><tr><td align="center" valign="middle">'
alData+='<table cellpadding="0" cellspacing="12" border="0" style="-moz-box-sizing:border-box;font:15px comic sans ms,arial;color:#1d4fa8;font-weight:bold;background-color:#f4f887;border:1px solid #1d4fa8;width:250px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#1d4fa8,direction=135,stre ngth=5);">'
alData+='<tr>'
alData+='<td align="center">'+msg+'</td>'
alData+='</tr>'
alData+='<tr>'
alData+='<td align="center"><input type="button" onClick="clal()" value="Ok" style="border:1px inset #1d4fa8;background:#f4f887;color:#1d4fa8;font-weight:bold;height:20;">'
alData+='</tr>'
alData+='</table>'
alData+='</td></tr></table>'
alObj.innerHTML = alData;
}
function clal()
{
document.body.removeChild(alObj);
alObj=null;
}
You can edit it however you want to.
To get it working, all you have to do is create a link or something like this:
<a href="javascript:alert('Hello! How are you?')">Greetings</a>
and the alert will come up as any other kind!
How to detect if the file has downloaded completely?
View 6 Replies View Related
