Using 1.8.16 I have a problem whereby the secondary, hidden tabs do not display correctly - the content is all messed up. if I click on one of the messed-up tabs and reload the browser window, it displays ok, which signifies that the code responsible for building the tab content is fine... so the problem is with .tabs()
View 1 RepliesRight now, I am busy preparing a website on which I want to 'exhibit' some of the paintings I've done in the last few years. Okay, it's only amateur stuff, I think it would be nice to be able to show some of my work to the world. My site will consist of a set of simple frameset pages; in the largest of these frames, I plan to put scans of the actual works, in other frames there will be a title, a menu, some additional texts and so on. Obviously, I want to present my images optimally. But of course, it's quite impossible to predict what size my 'painting frame' will be.
That is why I would <i>love</i> to have a piece of Javascript code
1) That will put my images exactly in the middle of the painting frame (aligned both vertically and horizontally),
2) That will use as much of the available space as possible, and
3) That will keep the aspect ratio of each image intact.
I've tried the nice 'Full Size Image' script that Eddie Traversa once made, but unfortunately, his script just fills up the entire frame space, distorting either the height or the width of the image concerned. You'll onderstand why this is not what I need here. In case you are interested: some of the paintings I did can be seen in a book I am also working on, PANTACYCLOPEDIA [URL] - I've used some of them as illustrations there.
I'm having issues with jquery and the tabs I'm using. My tabs work but... I want some more functions and that seems to be a big problem for a Javascript and jquery newby.
My HTML:
Code:
<ul class="tabs">
<li>Tab1</li>
<li>Tab2</li>
[Code]....
I really don't know if this is correct but it works! What doesn't work is the active class. If you use one of the buttons in the first tab you go to the right tab but the tab itself has no class called active and that ruins the style.
2)
I also have one other question: lets say that all the above is my second page and I have my frontpage in which I also have buttons. I want somebody to use the button and end up in the third tab of page 2. My link is something like
Code:
page2.html#tab3
I read that using this should lead you the third tab but it's not working for me. You go to the first tab of page 2 instead.
I've been reading a LOT! Jquery for dummies, I googled, read the forum and other forums. I posted on a Dutch forum but no answer. I've added a lot of different code but it doesn't work.
I have nested tabs in jquery tabs which are pretty simple to do if we want static jquery tabsbut what if we want nested tabs that the remote page should decide what would be the tabs.or in other words i want nested tabs in a remote page (or ajaxified) For example i m calling this page(remote page) through tabs
<div id="container-2">
<ul>
<li><a href="#fragment-1a"><span>Section 1a</span></a></li>
[code]....
I am using jQuery tabs and when I have very long content within the tabs, my browsers scroll bar reflects the content in the tab with the most content.
Example, "Tab 1" & "Tab 3" has a very long scroll bar, even though it has no content (because of Tab 2) and you can scroll down through the empty space
[URL]
Is there a way I can hide the content in Tab 2 so that my browsers scroll bar displays correctly in relation to the content in the active tab?
I'm having trouble figuring out why content isn't showing up on the 2nd and 3rd tabs of a tabbed content section embedded on a page. The content shows fine for the first tab but not at all for 2 and 3.
Page of tabbed content is [URL].. It's an OsCommerce site using STS Templates for the pages. Here's the code:
[Code]...
I got a pice of html that i want to transform to UI Tabs. This code is aouto generated and wrong, so I want to correct it before calling tabs() function
<div id="localtabs" class="list">
<ul>
<li id="tab1"><a href="#tone" title="Local Tab One"><span>Local Tab One</span></a></li>
[Code].....
My target is to move the divs currently inside the UL tags outside.
My thought was to select the divs with this statement:
var tabdivs = $('#'+options.id+' ul').children('div');
alert('tabdivs.length '+tabdivs.length);
This works fine in Firefox he told me tabdivs.length 2 but in IE6 i got an alert tabdivs.length 0 .
Why IE6 found no childrens?
I would like somebody to tell me wich is the correct way to add an element to another, and then give the added element a class ??
[Code]...
I have a function with the following code:
function saveRecord(){
$("#weekSheet tbody tr").each(function(){
$('td').each(function(i,o){
[code]....
$j('div.LeftNavArrowRt').parent().hover(
function() {
var selector = ".sub_" + $j(this).attr('id');
[code]....
I am using the "jQuery UI Multiselect" from [URL] I need to have it inside a <div> set with "display: none;" from the start. The user then clicks a link and the <div> tag opens op.
The problem is that whenever I open the box the Multiselect does not show up correctly, it shows up as a 3pixel wide stick. You can see an example at: [URL]
here is the eax.html code:
<link rel="stylesheet" href="css/common.css" type="text/css" />
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/ui.all.css" />
[Code]....
I've got this page with some simple numerical validation : [URL].. but when the number you enter into the input fields are 100 or over the validation fails.
View 1 Replies View Relatedhttp://facetofacetutoring.com/navtest/ogs_nav.htmlGo to the products link...
View 1 Replies View RelatedI'm trying to come up with a swipe gesture for part of the mobile version of my website. Right now, I'm just playing with mouse movements instead of the touch events so I can play with it on my computer rather than having to load the page up on my iPhone every time. Here's the problem: onmouseup, I run a calculation to determine where the closest element is to the edge of my container. Whichever one is the closest, I do a simple animate() to that element. It looks like this:
[Code]...
The following method below seems to behave unexpectedly under certain conditions.
$('#myDiv').empty().append(someText); I beleive, (imho), that the empty() function requires some time to execute and interferes with the append() function. I say this because adding a setTimeout() to delay the append() will correct the eratic behaviour.
[Code]...
I am doing this code that has multiple elements of the same type.... to select the parent DIV I had to use this code:
$(this).parent().parent().parent().parent().append($('#grid_show_columns'));
How can I do it without using that many parent() ?
I've got such code:
var tmp = $('#someform').find('input').serialize();
And it works almost fine. If we have fields like:
<input type="text" value="some words" />
Serialization seems to behave a bit weird. In general it's serializing spaces into + which later cannot be (or I have no idea how) deserialized correctly. If you want proof of concept go under this link: [URL] If this question is so obvious that was asked and answered bilions of times I recommend to add special notice into documentation. I googled a lot and I have seen very complex examples of how serialization works or is not working at all but nowhere was an example with value with two words in it.
I have this snippet:
[Code]...
that is sent when a very simple form (one value and button) is sent. The thing is, it works on my local webserver, but when I upload it to my webhost, it wont work. It works if add data.php?nick=Test, then the
data will be added into my database but not when called from .ajax.
I am having an issue with my slideshow images not always loading correctly and instead displaying just a thumbnail of the image. If I reload the page the image works correctly [code]...
View 1 Replies View RelatedI've posted this bug [URL]..., but I'm just wondering if anybody knows any quick fix? If we create a jQuery object from an array, and then apply not() and filter() on that object, the result won't be correct. The following code is used for testing. The top part (using selector, ie. $('tr') is the control showing the correct result as a comparison). The bottom part (creating an array and then creating a jQuery object based on them) is the incorrect result demonstrating this bug.
[Code]...
I have some vaules such as:
£90.00
£84.26
£83.07
£83.00
£82.50
£81.00
£80.00
£102.00
£101.00
£100.00
As you can see it's fine up to the point where I get into 100's as it seems to put them lower than the 90's.
I am new to jQuery but I have managed to get the awesome anythingSlider to work on other sites but I can't work out why this isn't working here: [URL]. On FF, Chrome and Safari on Mac some of the images appear with incorrect text: The slider is set up like so:
<div class="anythingSlider">
<div class="wrapper">
<ul><li>
image a
text a
</li>
<li>
image b
text b
</li> etc...
</ul>
</div>
</div>
However, inFF, Chrome and Safari on Mac the image a appears with text b, image b appears with text c, etc. I have gone through the code and I can't see what's wrong.
I added a jquery megamenu to my site, but now my thichbox script is not working correctly.trying to get it to work. I added a noconflict statement and changed $ to jQuery in my jquery.js file, but it is still not working correctly.
http:[url]....
--------------------------
<script type="text/javascript" src="http://homecomforts.com/js/jquery.js"></script>
<script type="text/javascript" src="http://homecomforts.com/js/thickbox.js"></script>
<script> [code]......
I want to use the Ajaxify-Plugin ( URL... ) for my new Website. It fits exactly my needs.Sadly the animations are not working correctly.When your Internet-connection is too fast, you don't see animations at all (on a local machine also). I putted up a demo: URL...The content is supposed to fade out, then the new content gets loaded and then this new content should fade in nicely again, like in my own example, which I got from a tutorial that is just using pure jQuery resources: URL... [code]
The author of the plugin himself is using a server delay to overcome the sideeffect ( URL... - click some links under "New v2 features"), but i think that's the wrong way to go for production.Sadly im not good enough in JavaScript-programming to tweak the plugin by myself, to get it to work like in the second example... I tried it now for 6 hours.I would really like to use Ajaxify, because it has all the features I need united in it. The only thing that is not working are this animations.
I am currently having a problem with a couple anchor tags that I have on a jQuery modal popup (using jQuery-ui-1.7.2.custom.js for the modal popup).Both of them will work correctly when I use jQuery v1.3.2 in any browser but they will not work anymore when I upgrade to v1.4.1 or v1.4.2 in IE 8. Chrome and FireFox will continue to work like they did in the previous versions.
When a user clicks on one of the anchor tags the action should perform without posting back. I have set up the onClick like thisonClick="javascript: return false;" which should prevent them of posting back but it looks like itsignoringwhat is returned and posting back. The logic I am using here is also used on another page but without the modal popup. Everything works fine on that page with every browser for jQuery v1.3.2, v1.4.1, and v1.4.2.
One thing l would like to point out is one of the tags is a select all button which uses .live() so I can select all the checkboxes on the modal popup. The reason I point this out is because other posts like live-method-for-change-event-broken-in-jquery-1-4-2-for-ie-worked-in-1-4-1 also had problems with IE 8 and .live(). My problem and theirs might be related.
If you look at this page [url] you will see that if you hover over the photo the text block goes up, and if you hover over the text it slides down and covers the photo. It's all pretty basic and it works fine. But ones I try to get them animated during the sliding up and down the trouble starts.
It works fine if you take the time and wait for them to go back to their starting position, but if you move over the items quickly it becomes a mess. You can see what I mean on this page [url]
I hoped that by adding a stop() before the animation if would fix the problem, but it doesn't really improve at all. It still quickly becomes a mess if you hover from one item to the next one.
How I could get the animations to work properly without it becoming a mess? I now there are double id's in the html, but unfortunately I can't really change the html.