How to replace hardcode_value in jquery librarywith something more flexible value (for example something value fromhtml document)?For example I'd like to substitutethe "hardcode_value" (in jquery file)with the value "input1" (in html document).
"html document"
<div id='contactForm'>
<a href='#' class='contact' value='input1'>Demo</a>
[code]....
I am using GreaseMonkey to load jQuery 1.3.2 (there is a bug with the latest version of jquery and GM) and jQuery UI 1.8.0.I am using jQuery via GM to manipulate the GUI of a content management system. This CMS uses its own JS library to dynamically add stuff to the dom.
Question:How can I target a dom element that was added to the dom via this other JS lib?In other words, the CMS will add a div to the dom, and I am not sure how to tell jquery to wait for these elements to "be there" before applying the jquery goodness. Specifically, I would like to do this:
$(function() {
$('#zen1227').resizable();
});
But "#zen1227" does not "appear" until later via this other JS library.
I am reading the book JQuery Novice To Ninja. I can upload the examples to mozzilla and they work but I down loaded the library to my folder and I wrote out the examples myself and put them in the same folder so I can get the practice and they will not work the code is exactly the same as the book I do not understand.
View 1 Replies View RelatedI my ASP.NET master page I've got the following:
and yes, the paths are right. I still get this error in firebug no matter what: $ is not defined
A web application is essentially one page with a bunch of popups that add and manage the data accumulated in the main or first page. The first page loads the jQuery library along with a bunch or plugins.
The modal popups contain an iFrame whose source is a different page. The source page also contain the jQuery library and pretty well the same plugins in most cases. The pages all use jQuery as a base for most of its client side processing.
At times the modal popups can be 4 or 5 deep. One popup is launched from the previous etc..
These libraries might total some 300k bytes or so.
Is there some way to avoid having to reload all the libraries each time a page is loaded. How can jQuery on the main page be used by all subsequent page.
I'd have to be using the libraries as it they were loaded as part or the page and not having to refer to the parent objects for example.
Could some script be run at the start of each page to load the javascript library form the previous page?
Can the jQuery library or anypluginwritten using jQuery beregardedas a singleJavaScriptobject that can be replicated from the parent page?
We are trying to dosome effects andwork properly in Firefox and Chrome but not in IE,loading the page everything is ok, but when I click the ID for me to run the function,get errorDetalles de error de pgina web Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)Fecha: Sun, 13 Mar 2011 03:39:17 UTCMensaje: No se pudo obtener la propiedad position . Argumento no v¡lido.Lnea: 7909Car¡cter: 5C³digo: 0URI:
View 1 Replies View RelatedMy first question is about whether I should use a library like jQuery for my events and other stuff in javascript. I guess I sort of feel guilty because it makes things easier, and I should be learning the hard way without jQuery. When coding websites professionally, do designers use jQuery and other libraries? Do they make the page run slower? I feel like I'm taking the easy way out...
My second question is more of a re-assurance issue. I see all the glorified ads about how you can easily make your webpages with these wonderful programs. They're not going to but HTML jockies out of business, right? I just don't want to learn a language that won't be useful and have a demand in the job market. I'm probably just worrying too much and I'm sure the programs aren't as great as they say they are.
I have 10 image libraries and I want to see 2 pic at a time from each image library. I want to make a scroll option where I can see 1image from each library. Any advise on scrolling panel using jquery.
View 2 Replies View RelatedI have created a payment system using Jquery. The problem I run into is when I move from http to https. I get the following error: Error: [Exception... "Access to restricted URI denied" code: "1012"
[Code]...
how to animate svg graphics using jquery core only? basically what i want to be able to do is enlarge the graphic by 10% on hover and also add some css3 styles?
View 1 Replies View RelatedI am trying to create a javascript library in Lotus Notes , I am pasting in the jquery code into my library but it will not compile. Is this a jQuery syntax error or Lotus Notes error you think? I get the same problem with the 1.4.2 release of jQuery.
Attachments
jquery.gif
Size : 61.75 KB
Download : 425
jQuery is the N1 library for te DOM and Ajax. And I like it a lot. But it has not any tools to compensate for the lack of some OOP mechanism in JavaScript, like classes and inheritance. For that and some other reasons I have developed a small JavaScipt library - JOOT. JOOT provides convenient and simple API designed for sole purpose: to simplify creation of the object-oriented code. I found it very effective to use jQuery in conjunction with JOOT. This combination allows to buildhigh organized modular appscomponents using the best library for the DOM.
View 2 Replies View Related I'm having trouble using the stop() function. I'm trying to make a dynamic menu using jquery library. This menu is now working pretty correctly but I can't manage the problem of multiple queued animations. My menu is made in two parts. The first one contains buttons. When they're hovered over, the second level of the menu appears just underneath. But when several buttons of the first menu are hovered over, I can't stop the second level to appear and disappear anarchically. Here is an example of code of the second menu :
<div class ="menu_deroulant">
<!-- ######## Menu Déroulant niveau 1
|| Accueil ####### !-->
<div id ="menu_deroulant_accueil">
<div class
="nom_speedbarre"
>Accueil</div>
<ul>
<li ><a href="***.php" .....
I'm using this jQuery tabs library that uses this simple set up...
<!-- the tabs -->
<ul class="tabs">
<li><a href="#">Tab 1</a></li>
<li><a href="#">Tab 2</a></li>
<li><a href="#">Tab 3</a></li>
</ul>
<!-- tab "panes" -->
<div class="panes">
<div>pane 1 content</div>
<div>pane 2 content</div>
<div>pane 3 content</div>
</div>
So clicking tab 1 loads the contents of the first DIV, tab 2 second DIV, etc. I have a different image map that loads into each of the separate DIVs. I have set up a search box that allows me to enter a value that matches an ALT value of one of the <area> tags and then using the scrollTo library, scrolls to that value using the coordinates provided in the <area> tag. Currently I have this working when I manually enter the DIV's class into the script:
<div>
<input id="search" name="targetId" value="" />
<button type="button" id="searchButton" name="searchButton">Search</button>
</div>
<script type="text/javascript">
$('#searchButton').click(function(){
var id = $('#search').val();
var elem = document.getElementById(id);
if (elem) {
var parts = $(elem).attr('coords').split(',');
parts = $.map(parts, parseInt);
$('div.fms1').scrollTo({ left:parts[0], top:parts[2] }, {duration:1000, axis:'x'});
}});
</script>
I'm trying to figure out how I can set up the search box to search the currently loaded DIV which is loaded depending on which tab is selected. I tried the following unsuccessfully:
$('div.'+$(this)).scrollTo({ left:parts[0], top:parts[2] }, {duration:1000, axis:'x'});
Take a look at the following two examples:EXAMPLE 1 (Undesired Effect):EXAMPLE 2 (Desired Effect):I am currently working on a HTML/CSS Tab interface that is using jQuery. I downloaded the original example files from somewhere that used an old version of jQuery (version dated back from 2006).When I open the TABS.HTM file in the browser, I see the desired effect (as in Example 2 above), where the first tab is auto selected. Nice!Now, when I updated the jQuery .JS library with the latest build (version 1.3.2), I get the undesired effect, as illustrated in Example 1I have absolutely no idea what is going on and I am totally new to jQuery. I am assuming with the new version of jQuery, the JS initiator code is different. Please can someone take a look? I've included the old jquery-Version2006.js and the new jquery-1.3.2.min.js libraries in the attached zip.
You can download the example files here:
http://hotfile.com/dl/7659319/7e95c76/jQuery_Tabs.zip.html
or from:
[code]....
I downloaded the jQuery library and the plug ins library and put this in the head of the html file-
[Code]...
I would like to know if there exists a javascript library (at least for
IE and Firefox) that let me get css properties in a more structured way.
I would like to have a css value that seperates the size/length value
from the type. For example:
width: 2.5em
size=2.5
type=em
And most importantly I would like a way to convert each such value into
pixels.
Does it exist? I am aware of the CSSStyleDeclaration and related methods
in Firefox.
If not, is it possible to convert such a value as 2.5em into pixels in
javascript? Sometimes the standard available methods that return pixels
cannot calculate the value I need. For example calculating the border size.
I want to have one statement in my web page that includes a single file (for
example "Mylib.inc" that contains a list of ".js" files to include. Is that possible? And if so can some one show me the basic format to use?
This would allow me to add and remove scripts from my pages without having to edit each page, only w3ouyld need to make a change in the MyLib.inc file I'm envisioning MyLib.inc to look something like this:
<script src="scriptname1.js"></script>
<script src="scriptname2.js"></script>
<script src="scriptname3.js"></script>
<script src="scriptname4.js"></script>
Another thought: Can .css files also be put in there? (probably not huh.) so
i could include everything with one include in my web page?
How to use reg-ex library in java script
View 2 Replies View RelatedI know nothing about javascript at the moment, but I've been hitting php very aggressively the past few months.
I've came across a challenge and I'm not sure how to go about fixing it.
Basically, I need to be able to drag an image into a box on my webpage, crop it, and then upload it. I've done basic image uploading and resizing with php. That's no big deal.
The problem is I may want to crop in different spots. The idea is to have some sort of box tool that is set at a given aspect ratio (like Photoshop does). Then, I could select the part of the image I wanted to keep, hit one button that would then crop, resize, and upload the image (storing the pathway to the MySQL database).
So does anyone know of any either standalone GUI's that work well for this sort of image manipulation or possibly a javascript that will allow me to select part of the image and spit out some co-ordinates that I could use with php's GD Library.
I would like to know if there is somewhere a JS library for managing
media content depends on the client's default media player. The player
can be QT, WMP, or any other players.
the idea is to code something like this :
var m = new MediaPlayer('my_media_file.ext');
m.display(); // generate a running code to display the media
and the object can be control by a set of method :
m.play();
m.pause();
m.stop();
I am new to javascript and intend to build a custom library. After
saving independent files which contain separate functions, how does one
build the library?
Is there a small graphics library that I can use? All I need to do is
draw a line of a nominated thickness and colour between two specified
points and to, at some later time, "delete" the line?
I've found a few offerings but either they weren't multi-browser
compatible or they were too big for me to consider (20K instead of 2 or 3K).
I've been asking questions about library design over the last week and
would like to get feedback on my overall idea for a JavaScript GUI
library. I need a nice GUI library so there is a good chance I will
write this as I need new widgets. I haven't found anything like this
and I'm surprised/disapointed this doesn't already exist. My library
prototype works nicely. I think parts of these ideas are not commonly
used for JavaScript library development and before I dive in too deeply
any experienced advice might make my efforts a lot better.
While trying to develop a rich GUI for a web app backend I started
needing a large set of GUI widgets that behaved and were coded
similarly. Things like flyout menus, drop down menubars, tree menus,
adjustable table widths, spinners...all the things that are in Java
Swing or other GUI widget libraries. Yes I know all of these things
exist individually as JavaScripts but I would like to build a library
that uses a class hierarchy structure and inheritance to take advantage
of all the nice OOP ideas of encapsulation etc. Certainly this library
will be different than a desktop app GUI library since HTML, CSS and
the browser already provide a lot of what is needed (<ul>'s for menus,
<table> for tables, all sorts of font display stuff, some form
elements). In JavaScript we are adding functionality on top of what the
browser already gives us.
This could end up being a big library but if each class is in it's own
file and the class hierarchy is known then people could string together
only the pieces they need. I would like a develop a way to automate
this step. Something like compiling one JavaScript file with all you
need for your page from the big library.....
Is there a free js library for doing unit conversions? I am putting
together an app that needs to convert volume and weight, among
others. You'd think that one exists, but I have yet to find it.
I started studying javascript when I decided that I wanted to create a dynamic webpage after viewing some books that were made to pageflip with Javascript and after viewing a ton of animations. So I figured since everyone keeps saying Javascript is simple that if all I wanted to do was to make a book extend outwards on mouseover and then open up on click and flip pages which they already have a code for that it wouldn't be so difficult. I've read everything I could practiced a little bit, I'm not fluent but I do have a goal and a time. The problem for me comes up with figuring out what I need to do in order to make it appear as if the book is coming out of a book shelf. There is a lot of information on animations where flat objects rise above clouds.
I am thinking that I would have to use some sort of sprite of a row of books both sorta sideways where you can see the side of the book as well as the edge, and both a row of books on a shelf, or perhaps a row of books with some of the books being pulled out and then on mouse over animate the scene so that it looks like the book is being pulled out. Would that work? Or is there a simpler way? Another way or I don't know. Is there a code that can make it look like a book is extending outwards without an animation or would I need to create an animation for that?
