I added some new features in jQuery.browser class . I propose you to share it. I added the distinction between the browser chrome and safari and i added detection of browser language.
View 1 RepliesI have an old page which uses the old version of jquery.js, and recently I want to add some new features (which seems requiring new updated jquery.js version) to it. When I switch the old jquery.js to the new one, error occurs.As I don't want to spend time to debug the page to use new jquery.js, is it possible to just limit the new features to use the new jquery.js, where others still use the old ones?
View 1 Replies View RelatedI know it's a newbie question, my first experience was with ExtJs but am moving away from that due to the license changes.
View 1 Replies View RelatedI want to integrate the new Progress Bar UI feature on jQuery 1.3.2 and jQuery UI 1.7.2 : [URL]When I combine then however, the new tab style of jQuery 1.3.2 takes over as seen here:[URL]How can I insert the new Progress Bar into the old Tabs, without the tabs reverting to the new design?
View 1 Replies View RelatedI'm in love with the David Chipperfield Architects site and would like to try and get some of the features from the site working with jQuery instead of Flash I'm sure most of it is pretty achievable but I'm new to javascript and jQuery so I'm not sure where to start.The navigation and the way the content loads are the main things I want to try and implement.
View 2 Replies View RelatedSome of the form fields are setted css('background-color', 'red');. Is it possible to find all fields that has red color.
View 1 Replies View RelatedMy client currently has a Flash book reader on his site that provides a UI for reading a book.Each page of the book is a GIF, and there are hundreds of books available.Now, my client would like to change this reader, and I've convinced him to let me rebuild the reader in jQuery.The hiccup is that, for copyright reasons, the images of the pages in the book must not be downloadable or accessible in the source code.(In other words, there shouldn't be a way to steal the book other than taking a screenshot of every page.)I want the reader to be powered by jQuery, it is, by definition, in-browser.
View 9 Replies View Relatedi'm trying to combine features of these 2 demos: [URL] specifically, i want the ability to use custom error messages and to declare conditions in the page head, as in the 1st demo, as well as to use the accordion feature of the 2nd. if i use the code from the milk demo in the head, e.g.,
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#signupform").validate({
[code]....
validation runs on the entire form, including the sections not yet made visible. this prevents the 'next' button from operating, so the accordion won't expand. if i assign a unique id to the each fieldset & run separate validations for each fieldset, the accordion works, but the validation stops working.
jqPlot is an open source plotting plugin for jQuery. The 0.6.2 release adds many new features including:
Rotated axis text. Vertical and horizontal bar charts. Automatic trend line computation. Data point highlighting. Cursor tooltips showing data and grid position. And many other features.
The jqPlot homepage is at [url]
The downloads page is at [url]
The mailing list/Google group is at [url]
jqPlot is built from the ground up as an extensible and plugable plugin. Handling of data, drawing of plot elements, events, virtually everything is handled by a plugin. This means you can enhance or swap out core functionality without touching the core code.
My code: [URL]... When I click on Upraviť in class edit I need add some HTML code to begin and to end of class entry how to I can select class entry in the same class post on which I clicked?
View 1 Replies View RelatedThis class that I made seems to only work in Firefox, testing in IE9 and Chrome, just doesn't work -- why can't Javascript be interpreted all the same way in all browsers! Anyway, here is the class:
Code:
var myclass = function() {
function runSjax(mode,url,datatype) {
datatype = (typeof datatype == "undefined") ? "text":datatype;
var xmlhttp;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open(mode,url,false);
xmlhttp.send();
if (datatype=="text") {
return xmlhttp.responseText;
} else {
return xmlhttp.responseXML;
}} return {
getProducts : function(type) {
var getProducts_args = 'type='+type;
var value;
var url = 'apiprocess.php?mode=getProducts&'+getProducts_args;
value = runSjax("GET",url);
return value;
}};
};
Saying that getProducts is not a function when executed:
Code:
var obj = new myClass;
var result = obj.getProducts('remote');
I am looking for a script for a scrolling DIV with the following features:
1. DIV can be scrolled vertically using mousewheel/trackpad/finger on iPad
2. Up/Down buttons which scroll slowly on hover and fast on click
3. The DIV to be scrolled will contain an audio playlist, generated by jPlayer, written in javascript. This script has a DIV for the currently playing track, and can launch functions on track change. I would like the scrolling DIV to scroll automatically to the currently playing song when the track changes.
I have a huge blob of code but the main part I am focusing on is this
$('.billboard_click').click(function () {
//this remove class
$(".billboard_click").removeClass("billboard_click");
});
1. Execute a click event when the div with the class 'billboard_click' is clicked
2. Once clicked, remove the class from that very div to avoid another click from happening
3. Execute a series of events such as animations, etc
4. add the class back to the clicker div
The code does not seem to work as expected but I am wondering if I am having issues elsewhere at this point and wonder if this actually is known to work
I am new to this discussion but hope you would post reply for my query and encourage me to keep in touch with this discussion. Well here is my problem. I have made an edit in place form in which we can add and remove the elements. I have used jquery.jeditable.mini.js and jquery.duplicate-remove.js plugins for edit in place and add and remove action. I have live() function to access the dynamically ganerated elements like this. $(".addressDiv span").live("mouseover", function(){
clickable function here...
[Code]...
All semester, I have been working on a single web page, modifying it repeatedly to add features (using CSS). This last assignment involves javascript, something we've just barely touched on. I can't seem to figure out where exactly the event handler should be placed. No matter where I move it, it alters the way the page displays. In the right column, there are descriptions of 2 musicians, each includes a header, paragraph, and a thumbnail (that links to a larger image) on the far right side, next to the text.
I need to add this
<a href="#" onmouseover=
"alert( 'Concerts sell out quickly so act fast!');">Melanie Morris entertains with her melodic folk style.</a>
to this
<h3>January</h3>
<a href="melanie.jpg"><img src="melaniethumb.jpg" alt="Melanie Morris" width="100" height="97" align="right" border="0" hspace="150" /></a>
<p class="content">Melanie Morris entertains<br />
with her melodic folk style.<br />
Check out the podcast!<br />
CDs are now available.
</p>
The problem is, the book doesn't explain where to add it or have any examples of using onmouseover in this particular way, so I've spent forever trying to figure it out. In some places, it makes the sentence shows up twice. In others, it completely moves the picture out of position and/or extends the "Melanie Morris entertains with her melodic folk style" all the way across the page (thus, pushing the picture down). I initially had a very hard time making this page layout work (specifically, getting the images to show up in the right place).
The best I am getting from this is adding the mouseover immediately after the paragraph class and right before the Check out the podcast! line...removing from the paragraph the text that is repeated. It seems to look OK on IE, both full screen and when I make the screen smaller. Foxfire is displaying it less reliably though. As soon as I make the window smaller, the layout shifts. I know that it's normal for different browsers to display differently.
Any way to work around the rules so that it looks right, but is not, in fact, coded properly.
<h3>January</h3>
<a href="melanie.jpg"><img src="melaniethumb.jpg" alt="Melanie Morris" width="100" height="97" align="right"
border="0" hspace="150" /></a>
<p class="content">
<a href="#" onmouseover=
"alert( 'Concerts sell out quickly so act fast!');">Melanie Morris entertains with her melodic folk style.</a>
Check out the podcast!<br />
CDs are now available.
</p>
I am adding a CSS class to a DIV as follows:$div.addClass("Hover");But I would like the class to be added only if the DIV does not have a class named "Disabled".
View 2 Replies View RelatedI have this filter in a results table that also reflect in a ui datepicker day styling (ex:available unavailable) . Everything fine till i change month or year in datepicker . Maybe i have to use live() or livequery() but can see the way .This is the code:
$("#filterSelect").change(function(){
var filtro=$("#filterSelect").val();
$("#filter-box2").val(filtro);
[code]....
I'm trying to figure out which selector is faster (assuming that the class 'foo' only appears on input tags)...
$('.foo');
or
$('input.foo');
From what I've seen online, it seems that people recommend $('input.foo'), but in some limited testing it appears that $('.foo') is much faster in both FF and Chrome. In IE, both methods seem to produce similar results. Here is a fiddle with a simple example...
[URL]
Have browsers started implementing native ways to find all elements with a given class name? Would that explain why $('.foo') seems to be faster?
i have made a popup menu in fireworks cs3 its working fine in all browsers the problem is that its hiding under the flash features bar as shown in the image where in firefox its working fine what should i do?
View 4 Replies View RelatedI'm trying to add a search feature into a literature review i'm converting to HTML for work. This is to be burnt to a cd and given to a client. At present I can only do a simple keyword search through the entire collection text (i'm NO programmer i'm afraid ), I need to add boolean features to this so that ppl can search for "word1 AND word2" sort of thing. Can anyone give me some pointers as to how I might accomplish this?
View 4 Replies View Related<input type="text" class="class1">
<input type="text" class="class3">
<input type="text" class="class2">
<input type="text" class="class2 class1">
<input type="text" class="class1 class3">
<input type="text" class="class1">
Given the above, how would I select those that HAVE class1, but NOT class2, don't care about class3
So what I want are the items on lines 1,5 & 6 How could the below be modified to achieve what I want, or do I need something completely different?
[URL] The above webpage lists the selector .class.class without an example. I can't find this usage in jQuery document either. I made the following example, but it doesn't work. Could anybody let me know who to use the .class.class selector?
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
[code]....
I want to use jquery to detect what type of browser you are using and display a link to a .wmv file if you are on IE or display a link to a .mp4 file if you are any other type of browser.I have this script declaration in my <head> section.
<
script src="http://code.jquery.com/jquery-latest.js"></script>
In the body section I have the following
<div id="block"></div>
<
script type="text/javascript">[code]....
Nothing is being output on the page at all. I've tried to patch this together from various example on various web sites. How can I make this work?
On my site i use a lot of features that are unsupported by older browsers, and right now it looks pretty stupid when the features are only partially shown. So i was wondering if there's a way of making the browser look to different css files depending on which browser and version it is. For example, css3 gradient backgrounds are supported in firefox 3.6 or something, but not in 3.0. All the hacks out there is to 3.*, so it changes for the allready working 3.6 too if i hack it. I want to controll it so that i have a specific css file for the none-supporting version and lower and one for the supporting and above. I looked at a bad browser plugin (because it has some of the basic features im looking for)
View 15 Replies View RelatedI am attempting to make a menu that has a background image that changeswhen you rollover or click a menuitem. I've got the hover effect working fine with CSS, but am trying to implement the click event via jquery with the following:
CSS:
div.SustainResourcesMenuTabs
{ background-image: url('/images/departments/commdev/sustainability/menu_tab.jpg');
}[code]....
My process is to reset the entire menu to the inactive state, then switch on the active state for the item that was clicked. Eventually, the item that was clicked will display its corresponding body section as well. I've tried using the CSS pseudo-class "active", but since the entire div is the link, that is unavailable. I've also tried multiple variations of addClass/removeClass, toggleClass, and setAttribute/removeAttributebut nothing hasworked so far.
I have a script that fades links on load and im trying to get this to work on everything but the menu link that has the "active" class
Code:
<div id="menu">
<ul><li id="Home"><a title="Home" href="/" style="opacity: 0.6;">Home</a></li>
<li class="active" id="projects"><a title="projects" href="/projects/" style="opacity: 0.6;">projects</a></li>
<li class="last" id="Contact"><a title="Contact" href="/contact" style="opacity: 0.6;">Contact</a></li>
</ul>
</div>
[Code]...