I already have most of the code to successfully float my sidebar and make it follow your scrollbar.The problem I have however, is that there is a small margin between the sidebar and the footer when the scrollbar reaches its end.How do I correct this little margin? Nothing, that important but I do want to fix it badly.
View 21 Replies
I haven't used much Javascript before and I have a question about the following code. I've taken it from this tut [URL] and changed it a bit so it applies an expand/collapse functionality to a floating sidebar on the side of a website I'm working on.
When I remove the background on the toggle function, it refuses to come back. I have a feeling it's a simple solution, I just don't know what syntax to fill into the second part of the conditional to restore the background image. I've tried display, show, an actual path to the image...
<script language="JavaScript" type="text/javascript">
function toggle() {
var bar = document.getElementById('floater');
var barText = document.getElementById('f_news');
[Code]....
How I can implement JQuery UI Tabbs into my WordPress Blogs Side Bar. What would be the most appropriate place to ask this question as I have zero experience with any of this and I am using the Genesis Framework for my Blog which can be found here[url]
View 2 Replies View RelatedAnother quick question re. the JQuery sidebar I have on my Google map. I would like to link to individual markers from different websites or via email, so would like to convert for example, the 'javascript:myclick(7)' link on the menu to an external URL that will click to the marker and info box containing the video. Is this possible?I have tried something like [URL].. but that doesn't seem to work. Does someone know of anotherwayto do this?[URL]...
View 4 Replies View RelatedI've set my margin as a % and am trying to get the value via jquery. It's being returned as a pixel value from safari and firefox, chrome is returning the percentage. OuterWidth returns an incorrect value (reporting as 1px more than innerWidth and I know it's 4px).
View 5 Replies View RelatedI would like to get the height of a div. This div contains other markups tag like some paragraph. However, I don't manage to get the height of this div if some paragraphs inside of it have some margin defined, even when using outerHeight(true)...
ps : a test case (simpel html file wit the required javascript) can be found there : [URL]
I occasionally need to set a negative margin on objects for positioning but 1.6.x ignores the declarations. This use to work fine with earlier versions. Has this issue been addressed? I tried all the combinations I could think of and the setting is ignored if a value is negative. (did not find a problem reference when setting a negative value in the forums)
$(objRef).css(marginLeft, "-20px");
$(objRef).css("margin-left", "-20px");
$(objRef).css(margin, "0px 0px 0px -20px");
[Code].....
If you by chance happen to have a SVG-enabled release of Mozilla handy (:)), take a look at the zip file attached to my reply on this thread (can't attach multiple files per reply).
Basically, it can graph:
functions:
polar equations
4 basic conic sections (circle, ellipse, hyperbola, and parabola)
It accepts any Javascript constant and method for input (graphing f(x) = Math.random()*x gets interesting).
And is basically really cool - the XUL interface is pretty slick imho too (was originally written in XHTML 1.1, but decided to learn XUL and rewrite it in it for fun).
And for even more fun - I define the example conic equations using presentation MathML 2.0 :D.
Anyway, I need to implement 2 things before it becomes really usable:
1. zooming - easy enough with the SVGTransform interface
2. changing the x-min/x-max, y-min/y-max box settings - which is also easy enough via SVGTransform.
If you regularly used a SVG-enabled Mozilla, what would you like to see in the sidebar calculator application?
Does anyone know how to get the sidebar for Google Map v3 in div's instead of the dropdown options? I'm using this google tutorial: [URL]
View 2 Replies View RelatedIm animating a div to go up, its a long animation upto -8000px but it doesnt show a fix speed, at the begining is really slow and speeds up then at the end it slows down.
View 1 Replies View RelatedI'm trying to set a modal to the top right corner of the screen using block ui. In IE 6 the right margin is working, but it's ignoring the top margin and centering the modal in the window. In other browsers it behaves as expected
View 1 Replies View RelatedAll expanding textarea plugins I've seen always insert an additional line at the very end. This signals the user that more text can be typed since there is more space (such as [URL]). But can anyone direct me to an expanding textarea plugin which doesn't add an extra space at the bottom? I want it to grow only to the exact number of lines which have been typed.
View 1 Replies View RelatedIf I have the following:
<div class="jcarousel-clip jcarousel-clip-horizontal" style="width:
459px; height: 220px;">
<ul id="mycarousel" class="jcarousel-list jcarousel-list-
horizontal" style="height: 220px; width: 918px; left: 0px;">
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-1 jcarousel-item-1-horizontal" jcarouselindex="1"></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-2 jcarousel-item-2-horizontal" jcarouselindex="2"></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-3 jcarousel-item-3-horizontal" jcarouselindex="3"></li>
</ul></div>
Trying to figure out how I can do a .each on each <li> and then add an additional style to the last <li> in the list.
I'm looking to add a "widget" to a website, but do not want to add to every page. Is there a way to add it to the main page and the entire site displays it. The site has many static pages :mad:
I want to use something like what is displayed on this website [url]...
The live chat link on the left hand side.
Stumbled onto this one: retrieving the margin doesn't seem to work in Firefox or Opera. This is code I'm using, which works fine in Chrome, Safari and IE:
var contentmarginl = parseInt($('#wrapper').css('marginLeft')); // fails
var contentwidth = $('#wrapper').width(); // works alert(contentmarginl);
The alert returns (in my case) 350 in the complying browsers and 0 in FF and Opera. Is this a bug or my error? Is there a known workaround? EDIT: Just tested in XP sp3 IE7 & IE8. Returns Not a Number (NaN)
<?php if ( is_404() || is_category() || is_day() || is_month() || is_year() || is_search() || is_paged() ) {?>
<li>
<?php /* If this is a 404 page */ if (is_404()) { ?>
[Code].....
how I can clean it up a bit, since there is stuff in there I don't think I need. I would like it to only be "Nyheder", under this there shall be (as now) a list of post, shown by which month they where made.
I have a site that I'm building that I would like to have a scrollable sidebar using jQuery. I've attached the Photoshop concept screenshot showing the sidebar.
View 2 Replies View RelatedI have a sidebar application, I am using an IM functionality inside this sidebar. When a user is logging in, the connection with chat server will generate on this sidebar.The sidebar itself acts as a parent window. When a user click on the IM icon inside the sidebar, a child Pop up window will open. The child Pop up window uses the connection objects from the Parent sidebar. When closing this child Pop up window, the sidebar hangs. When I tried to reopen the child Popup window, the Pop up window also hangs for a long time. But I can not find the exact reason behind this hanging of sidebar, after closing the Pop up window.
View 3 Replies View RelatedI recently wrote this slider function which automatically detects margin-top CSS values, then offsets the desired div, then simultaneously slides and fades the div in using jQuery's animate() function. It seems to work well with only one div. However if I set it up to slide multiple divs, I am having an issue I cannot figure out.
First, here's the example...[url]
You will have to few the example in Safari or Firefox as I have disabled the javascript in IE using conditional comments. You can view source to see my HTML, CSS, and Javascript.
My issue is this. The #header div slides in great. After a set delay, the #about div slides in. I want each div to slide in separately, one after another. However, when the #about div slides in, it seems to affect the #header element. When the #about div is in motion, I do not want the #header element to move.
I've been experimenting with accordion nav in the bottom of the sidebar on this site. I got it from this work put up by Marco van Hylckama Vlieg, and I think he's done a good job. At a glance, it looks like my menu works, but as you click around, you will see it is not consistent at remembering which section of the menu to leave open - it should remember its state. It uses cookies, and I wonder if there is a problem with that, or a conflict with other scripts on the site (this is a Squarespace site). I'm hoping a js expert might see an obvious problem. I asked Marco, but he saw no problem. I've tried it on several machines and always had problems.
View 1 Replies View RelatedI have successfully implemented the Datepicker plugin but am having very difficult problems with the image alignment of the calender icon.
The icon seems to have no padding/margin/spacing between the input box and the image, and is also not aligned correctly.
I have viewed the documentation but can see no reference on how formatting is achieved.. I looked at jquery-ui css (redmond) and can see no reference to how this is aligned.
the person whose site this is wants a short blip sound played whenever you roll over the links in the sidebar. I know it's not advised, but she insists. I've tried implementing a few scripts but no luck in Firefox or Chrome.
View 2 Replies View RelatedI need to set a divs margin-left value into a var, ive tried a few different ways and i always get undefined. Ideally id like it without the px too but thats not essential.
View 10 Replies View Relatedi want to be able to detect how far the margin-left and margin-top is on the current page.
detect this:
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
I tried this:
marginLeft = document.body.style.margin-left;
alert(marginLeft);
and this:
Code:
marginLeft = document.body.style.marginLeft;
alert(marginLeft);
I basically have this....
<div id="page">
<div id="leftPane">
picture previews
</div>
<div id="Picture">
A picture here
</div>
</div>
I'm trying to do this in javascript
function setMargin()
{
document.getElementById("Picture").style.margin-left = "200px";
}
Except, that doesn't set the margin properly in IE. In FF & opera it
works fine.
I'm wondering whether anyone else has experienced the <ul>s remaining visible on mouseout to the bookmark bar in Chrome. Giving the whole thing a top margin doesn't seem to be working.
View 1 Replies View Related
