I wonder how to create the effect of objects being aware to other objectsthis is a good example:[URL].. I'm searching for some resources and good tutorials
View 1 RepliesI am looking for good tutorials or a script that shows how to position floating items on screen using javascript. If anybody knows of good resources toward this end could you please let me know? Ideally I am looking for a script that keeps an item on screen in the same location even when the screen is scrolled. I also want a script that allows me to set multiple items in floating positions, not just the one.
View 1 Replies View Relatedi'm using the Jquery Easy UI Datagrid, and i'm having a table with 290 rows of data. The page is VERY VERY slow.Browser freezes for 20 sec or so.
View 4 Replies View Relatedi want to make a floating menu.. but the administrator want it to be selected from database...
also i want to know if it can be done or not?
Is it possible to join two jQuery objects to make a new object. For example...
var e1 = $("#firstObject");
var e2 = $("#secondObject");
var combined = e1.add(e2); // This is the expression I'm looking for
[URL]
How I can make space between words in window.alert
View 5 Replies View RelatedI want to have some advice about immutable objects. I made a constructor.
function Point(x, y) {
this.x = x;
this.y = y;
}
This is a very simple one and now I want to make it immutable so that
once an object is created it cannot be modified.
I came up with 2 ways.
[1]
function Point(x, y) {
this.x = function() { return x; }
this.y = function() { return y; }
}
[2]
function Point(x, y) {
this.getX = function() { return x; }
this.getY = function() { return y; }
}
They are both immutable.
You can read x and y but cannot change them.
[1] is short and easy to use but sometimes likely to be error-prone
like
var p = new Point(2, 3);
var x = p.x; //should be p.x() instead of p.x
[2] is straight-forward but looks verbose.
I have to access the data like p.getX() .
Which way is more recommendable?
And is there a better way to make an immutable object?
I have some moving objects & they are using the top left spot of the object to 'hold' or 'pivot' off. how i make the 'pivot' point in the centre of the image. I think it is somewhere in this section of code:
[Code]...
Is there a better way to extend object with internal objects?
$.fn.bestShow = function(s) {
var d = {
width: 0,
height: 0,
order: "numeric",
orderBy: "",
[Code]...
Is there a way in Javascript or Jquery to return an array of all objects underneath a certain point, ie. the mouse position. Basically, I have a series of images which link to various web pages but I have a large semi transparent image positioned over the top of the other images. I want to find the href of the background image that the mouse pointer clicks over.
View 1 Replies View RelatedI have a PHP background but recently I have been trying to float a div next to a div on a mouse over event. I have Googled and Googled and can't find a way, all I keep getting is tooltips, they are good but they move with the mouse, I need the same effect but for the div that pops-up to be static and the same place every time across multiple divs, and jump the other side of a given div if it's at the edge of the page.
example code
$(".main").mousemove(function(e) {
var mouseX = e.pageX;
var mouseY = e.pageY;
[Code]....
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 View RelatedI use Superfish menu basic style in my small FOSS project.Question: How can I make a horizontal Superfish menu, floating, likeis[URL]
View 2 Replies View RelatedOne of the features of a site I'm working on is a button similar to the Facebook "LIKE" or Twitter "Tweet" [really exciting stuff to help with, right? ]
As such I need to be able to open an iframe as a layer on the page but can't load up a framework given the weight and potential for conflicts. The goal here is to be as light as possible while also avoiding conflicts. The page is multi-part so a simple layer won't do, it has to be a full fledged iFrame with the ability to fade the underlying window and close it down while also floating over page elements, drop downs, even flash.
Colorbox-min would be an ideal solution but the dependancy kills it. I do pretty well with frameworks but on my own am a JS novice. In a world full of ready made scripts,
I have a huge java script function which creates a div with a label Loading... for all ajax request. The script creates a div and appends to body , so the loading.. div appears on the top and it does not float when I scroll my page down. I want to use jquery to make the div float and show along with scroll.
Here is the code I use to create loading...div
if (!document.getElementById('busy-symbol')) {
busySymbol = document.createElement('div');
busySymbol.id = 'busy-symbol';
var busyLabel = document.createElement('div');
busyLabel.innerHTML = 'Loading ...';
busySymbol.appendChild(busyLabel);
document.body.appendChild(busySymbol);
Is there any simple jquery function I can call and it takes care of my div to float.
I'm working on a mysql browser / edit-in-place app which presents the user with a floating UI (think lightbox), that contains widgets appropriate for the given field they've clicked on.
Presently, rather than centering the UI element like a lightbox however, I find it best to keep it relative to their mouse, so that they don't have to traverse halfway across the screen with their mouse to interact with the interface if they've clicked something (for instance) on the bottom left.
The problem however should be apparent: if they click something towards the bottom of the screen, we need to adjust the css top/left properties so that the UI remains within the viewable area and doesn't run beyond the viewport, if possible. I've seen this done tons of times with tooltips.
I've thrown some basic awareness together using$(window).height() / width(), but if anyone could point me to a maturealgorithmfor harvesting the appropriate offset.
i tried to ad a bit of jquery to a pane in webpage under: [URL]... problem: the scrolling of the division does not stop at the bottom of the page, or, only chrome: at opening of the page, the division scrolls automatic to bottom of the page. the code is very little:
[Code]...
i'm trying to create a tree menu, each time i click into a category it shows me the subcategories.My code works fine but i have some spaces between a category and his subcategories, it's not a css problem
[Code]...
I using JQuery to call back asp.net web service, The web service is simple, only query from SQL Server and return result as JSON. everythings is cool. Only problem is the key of dictionary after Deserialization by eval() method,It cannot access. For example:
[Code]....
as a little side-project, I want to make a search engine that behaves similar to the "Just Type"-Feature of Palm webOS: When the user presses a key somewhere on my site, a box scrolls in containing the typed letters and the search results. In order to realize that, I bound a "keydown" event to $(document). I have but one problem: the "space" key. It is correctly recognized, the space is concatenated to the search term; but then, the site scrolls down (found out it's the default action when pressing space in the browser). How can I stop this pagescroll (and maybe other standard-actions) from happening, i.e. my event should recognize the keydown, but not the browser? I tried event.stopPropagation() and event.stopImmediatePropagation(), but somehow it doesn't work. Event when I add "keyup" and "keypress" to the mix (code below).
[Code]...
I'm working on this site [URL] and suddenly there is a blank space to the right of the site. As far as CSS is concerned it is not there. I am posting here because I was experimenting with jQuery at the time (I know almost nothing about it). However, I have removed all the jquery code from my files and it has made no difference. IE is giving me a 'console' undefined error.
View 3 Replies View RelatedWhen addClass('choose') to li, there is always a white space right under it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URl]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="demo_inc/jQuery.js"></script> .....
When I fade something out the items below it jump up, then jump down again whenI fade it back in. Is there a way to maintain the space so the items below don't move?
View 1 Replies View RelatedI just wonder if this is even possible, I'm not a jquery programmer by any means, but I hope I can use it for the purpose of my project. I know wordpress includes jquery automatically, so I wanted to see if I can take advantage of it
View 3 Replies View RelatedI'm using $("form").serialize(), and then doing an AJAX request.JQuery automatically replaces spaces with the + character.(I couple replace the + character with a space on the server side, butI want the users to be able to enter the + character when they submit
forms.)
I have created a simple portfolio item for a site I am working on, with left and right buttons to move between the visible thumbnails in the portfolio.
The problem is this: when I click on one of the left or right buttons used to scroll the active list items, it resizes the space between all of the thumbnails by 1 pixel per click, up to 10 clicks.
Here is the markup and my javascript: