Let's say I have two images. I make one dragable. I physically move one image directly over the other. While my mouse is pressed I release it. The image underneath recognizes and gives a message indicating it's covered by the other????
View 1 Replies[URL] When I clone a list that is part of a Sortable, the Draggable objects are not bound to the cloned list, only the original one.
View 2 Replies View RelatedIs it possible to have a draggable div that will only be draggable between certain coordinates? in other words create a window through which the draggable div is visible and draggable. Would you use a stop drag when cursor hits a certain point? my div is a map and will be about 2000px by 2000px and want to have a fixed position and size of 500px by 500px so that that is all the user will see or be able to interact with. I know in image slider plugins that the divs scroll to the side or up and down through what appears to be a window so it should be possible?
View 8 Replies View Relatedi would like to use it to replace a checkbox with an image and to swap it when it's clicked.unfortunately the change is not recognized inside the internet-explorer.
here is the code:
<label
for
="footer_ger_lock"
[code]...
there is some php too that saves and displays the lock/unlock states, but i only wrote down the bare bones to keep the overview here.
I 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
I am using jQuery Superfish (with Supersubs) but I'm getting an JS error when loading the page:Error: $("ul#topmenu").supersubs is not a function I looked at the supersubs.js file but I can't figure out what the problem is. I'm calling jquery.js, jquery.superfish.js, and jquery.supersubs.js on the <head> and initiating menu as suggested:
$(document).ready(function(){
$("ul#topmenu").supersubs({
minWidth: 12,
[code]....
I'm using some jquery in a website I'm building. Here's what I'm trying to do on one of the pages: I've got a span with some text and a button in it. When the button is clicked, it fires up a jquery click function for its class that is supposed to insert a textbox into it and take the text and put it in the textbox. The class of the button is also changed from "editButton" to "finishButton" so that the other click function fires, which is going to call a webmethod to update whatever the user entered in the database.
But, the function for the editButton class gets executed when it's clicked the next time instead. I know that the class of the button has changed because the css styles for the finishButton class are in effect. I also tried removing the clicked button and creating a new one dynamically, but that one does nothing at all; it doesn't go to either click function. The stuff in the .finishButton function is only there just so I can test whether or not that function actually runs. Whether it works or not, it shouldn't matter... I'm using Firebug so if I put a break point in there, it should hit it either way, right? And this is in an aspx page if that matters at all.
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]...
I have two functions show after the message. The first works fine. When a checkbox is clicked with the class availableProfile, its class is removed, selectedProfile added. It is then appended to anotehr list and destroyed in the original. However when i click the now moved checkbox it doesn't recognize it has the new class of selectedProfile.
$(".availableProfile").click(function(event) {
elementID = event.target.id;
elementGroup = elementID.split("__");
$(this).removeClass("availableProfile");
[Code]....
My HTML looks something like the following:
<label for="myTextBox">
Name:<span style="color:red;">*</span>
<input type="text" id="myTextBox"></input>
</label>
In my document ready I have a function which runs 'on blur' of the textbox and hides the span. The following code DOESN'T work to hide the span:
$('#myTextBox').closest('span').hide();
I'm currently using the code below which does work but was wondering why the above code doesn't....
$('#myTextBox').parent().children(':first').hide();
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 set of Div's which are all draggable, the coordinates of the div's are stored in a DB, so each time the page is reloaded the div's will have the same pos as they have when previous visitor left it.
There's one area on the page which uses the droppable function, when you place an div within the area the div, which is placed within the area. changes color.
My problem is that if a place a div in that area and then reload the page i find the div within the area but the div has the same color as if it would have when it's not located in the droppable area. In other words, It only changes color when I use the mouse to drag the div to the area not when it's positioned in the area with the coordinates from the DB.
I am having issues with a new window that I create in my application
not executing its Javascript. The js is there in the source and looks
all normal, but it is simply not being recognized. I am running on
Jboss 4.0.2. Here is the code, its simple... Code:
In the following script:
function txKeyPressHandler(theEvent) {
var key = theEvent.which || theEvent.keyCode;
switch (key) {
case Event.KEY_RETURN:
txIMSendMsg();
var userAgent = window.navigator.userAgent;
if (userAgent.indexOf('MSIE 6.0') == -1) theEvent.preventDefault();
break;
}}
if I take out the if clause, forcing the preventDefault to get called even
for IE6 it causes a JS error (just in IE6).
It works fine but I like to have the draggable div over the content div. I tried to set the position (in my css file) as "absolute" with "top: 1px" und "right: 1px" but then the div is no longer draggable. Also tried to set the z-index on 1 and 2 for the draggable div. It's not working..
View 2 Replies View RelatedI'm trying to create custom scroll box, but under IE, the drag-drop event commit once. Under Mozila, Safari, Chrome and Opera it works fine but in IE.
[Code]...
is the event ondragstart only for IE? In that case, how to use it in
netscape 7?
The following request isn't retrieving a response when I look for it in Firebug. Any ideas why?
$function(){
//json request to flickr
$.getJSON('http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=71282ef5623d61a898f798c7916bed31&photoset_id=72157627882181032&format=json&jsoncallback=?'),
});
How to add a draggable to sortable programatically ?
<script>
$(function() {
$( "#sortable" ).sortable({
revert: true
});
});
[Code]....
In the above code i have a list of sortables, i want to add the draggable($obj) to a sortable, even though i add to the sortable in the add method, that gets added but does not play as a draggable,Do i need to call any method of sortable after adding the draggable ?
at the moment i work at a little "game" where the user of the website can drag arround divs. the function is
$
(
document
)
[Code].....
and this works fine. the div containers contain transparent png images like circles, triangles an poligons are draggable by the user. but the whole div is draggable. it would be great if its possible to only drag the div arround while klicking on the image (triangle,...)
i have two div's that is drag'n'drop with[URL].. script for easy drag and drop. In div #1 i have a list of items that also is dragable and a list that is droppable in div #2 The problem is that if i move div #2 (also movable), the Jquery-code does not "know" that it moved and the droppable list is visualy in the right place but jquery thinks its in the upper left corner (where the start-place is), so i cant drop in the box. Making both divs movable
[Code]...
I want to use .css() to restyle list elements, I have 4 lists, they are connected. But I need to know where element dropped. I can read where it comes from with this code: ui.sender.attr('id')
How can I know where it dropped?
This is the code if it's necessary;
$(function() {
$("#sol, #sag, #orta, #deaktif").sortable({
opacity: 0.6,
connectWith: '.bagla',
scroll: false,
receive: function(event, ui) {
var ComeID = ui.sender.attr('id');
alert(ComeID); //just for test
}}).disableSelection();
});
Is there some type of plugin available that can dynamically track and output x,y coordinates of a box I set using .draggable(). I'd like the coordinates to show inside the box as it is being dragged.[URL]...I wrote I simple scripts and I'd like to be able to drag any box I add and show the x,y coordinates inside of each one.
View 1 Replies View Relatedhow to get the dropped on element in jquery draggable?
View 5 Replies View RelatedI'm new to programming with the DOM and new to this forum as well. I have the code below showing a web page that is simply trying to alert the user of recognized DOM nodes. I am not getting the bodyElement or textElement to be recognized by the browser. The error states that "an object is required."
<html>
<head>
<title>Trickier nesting, still</title>
<script language="JavaScript" type="text/javascript">
var myDocument = document;
[Code]...
I'm trying to add a prototype method to the Image object, but I always get the error "images[i].getSize() is not a function". Why?
View 1 Replies View Related