JQuery :: Picking The Order Of Images In A Component?
Jun 22, 2010
I have a problem. I have a div component where I'll drag multiple images. This part is working perfectly. But I am not able to read the order of these images played in the component. What happens, I can play any position in the image of the div component, however, like to read in order as they are, from left to right.
I believe it is possible, but the solution must be complicated. Some of his friends could help me in the routine javascript to read this?
[Code]...
View 4 Replies
ADVERTISEMENT
Jan 4, 2010
looking for a script or list component that allow to change order by drag & drop
View 2 Replies
View Related
Nov 1, 2010
You have an AJAX request and the response is mixed HTML + JavaScript. The javascript is referring to elements in the HTML component. Currently the JavaScript gets evaluated first thing when success is triggered and the HTML is returned as a parameter. Obviously this is not going to work ( in this scenario anyway ). As a previous Mootools user I was used to Request.HTML's responseJavaScript parameter and evalScripts option. None of there options are available in the $.ajax implementation.
P.S. I know I could make the javascript a file and load it separately. I know I can make my response JSON and have the js and html in separate properties of the JSON object. I want neither.
View 4 Replies
View Related
Jan 12, 2010
I know that there are some really nice jQuery UI. However, I'm really new to jQuery and I need to save the order into a SQL Server database so that next time if the same user comes back to the site, the picture will be in the same order that he/she reordered it previously.
View 1 Replies
View Related
May 14, 2009
I am sure this is a simple question but I cannot figure itout. I have :
<div class="test">foo</div>
<div class="test">bar</div>
<div class="test">baz</div>
[code]....
Just realized another thing... The modal part of the dialog does notuse position:fixed. As a result, if the page behind is changed to ataller one while the modal box is open, the bottom part of the pagewill not have the modal overlay
View 1 Replies
View Related
Oct 25, 2010
i've being trying to change the src of a img tag in order to create some kind of a sequence of images.
Code:
<script type="text/javascript">
var i=0;
[code]....
View 6 Replies
View Related
Jan 2, 2011
I'm still a beginner to javaScript, but I'm trying to write a script for a simple image change using next and previous buttons. The following script works, except that the images do not rotate in the desired order. The script works as long as you don't switch from next to previous, which is when the wrong images are shown.
<html>
<head>
<title>Button Click 12</title>
<style type="text/css">
button {
font-family:georgia;
font-style:italic;
font-size:12px;
font-weight:bold;
cursorointer;
border:1px solid red;
background-color:aqua;
display:inline-block;
padding:2px 20px;
margin:0 5px;
} .....
View 1 Replies
View Related
Oct 26, 2010
I'm new to jquery, and I'm trying to use multiple dynamically generated buttons (removal from a list), that look like this:
<div> item #1 <input type="submit" name="remove_mailinglist_1" id="remove_mailinglist_1" value="Remove" class="remove_mailinglist"> </div>
<div> item #2 <input type="submit" name="remove_mailinglist_2" id="remove_mailinglist_2" value="Remove" class="remove_mailinglist"> </div>
[Code]......
Three quick questions:
1. Why might this function not get triggered? (I set a breakpoint and it never makes it into the click function.)
2. How could I tell which "Remove" button was pushed? Where can I find the data in scope?
3. Is there a more standardized way to do what I'm doing?
View 2 Replies
View Related
May 18, 2011
I'm using the following script to show images with fade in and out. How can I display the images in random order?
Code:
View 1 Replies
View Related
Dec 11, 2009
I am using this script which is nearly working correctly, but not quite!
When a user selects some text from the web-page and copies it,the script is supposed to pick up the current web-page url and create a resource box or credit line that is added to the selected text when the data is pasted.
You will see that the meta keywords are used (randomly) as the anchor text and this should be wrapped with the href= tags in order to create a link. Thats the bit that is not workink, but I can not see why.
Here is the complete script.
function init(){
// Options:
var useMetaKeyword = true; // Otherwise, page title
var minLength = 40; // Min selection chars
[Code]....
View 4 Replies
View Related
Feb 23, 2009
I'm writing some custom JavaScript that creates div elements on the fly, then creates class and ID attributes on the fly as well. For example, the div being created looks like this:
Code:
<div id="name_message" class="error_message">
In my stylesheet, I have declared this:
[Code]....
In Firefox 3, this works fine. When the element is created, the styles for "error_message" are applied. But in IE7, it does not pick up those styles. I can declare them via JavaScript, and that works fine, but I would rather not do that.
I can provide more specific code, if required, but this seems pretty straightforward. There are no errors or warnings in my JS code.
Does anyone know why IE7 (and IE6, for that matter) is not picking up the stylesheet declarations for this dynamic element? Is this something peculiar to IE's handling of styles on dynamic html elements?
View 2 Replies
View Related
Sep 20, 2011
I am newly using Jquery. I have a script here like :
[Code]...
This opens up a text box which when clicked, my date picker will pop up. If clicked elsewhere it will disappear again. But I might have done something wrong, as presently this is not happening.
View 2 Replies
View Related
Jul 15, 2010
I am trying to build this interface where there are icons and onmouseover, it displays menu choices for the corresponding. Instead of fixing the position of the menu box, is there a way to specify the left and top of that, relative to the icon that is being hovered? Here is part of my code:
<table width="100%" style="">
<tr align="center">
<td>
<img id="imgHead1" src="images/ccd.ico" alt="Info Center"
[Code]....
View 2 Replies
View Related
Mar 9, 2010
I got a page with 2 <select> the second one is populated by the 1st selected item. I want to know how can I reload just the second <select>.
View 2 Replies
View Related
Dec 27, 2006
I'm new to Greasemonkey, and have no idea how to fix this. I would post elsewhere, but I couldn't find a forum for user script development help....
View 4 Replies
View Related
Jun 2, 2005
Fully commented...
<?XML version="1.0"?>
<component>
<?component error="true" debug="true"?>
<comment>-------------------------------------------------------------
'HTA Window Glue' script component (file name: HTAWnGlue.wsc)
Description:
a tacky attempt at persisting 'window settings', to restore
size/position at run time (within available screen space)
Usage:
include a link element inside an HTA element, like so:
<!--
<HTA:APPLICATION APPLICATIONNAME="someUniqueName">
<link style="behavior:url(HTAWnGlue.wsc)">
</HTA:APPLICATION>
-->
(no need for '<!--' these '-->' outside of this file)
Behavior:
*.xml is saved to the 'Application Data' directory (by default), in
a folder entitled 'HTAWnGlueData' the xml files are named/retrieved,
according to each HTA's APPLICATIONNAME value
the HTA's WINDOWSTATE attribute must be kept to its default value of
"normal" for the adhesion behavior to stick, so to speak...
Settings:
there are three 'resource' tags in this component:
"glueDir"
sets the top-level directory, where the data folder
is created; this can be changed in the text of that
tag, for example:
<!--
<resource id="glueDir">C:Temp</resource>
-->
currently that is: 0x1a
(- the shell special folder constant for 'ssfAPPDATA')
"minWidth" and "minHeight"
set minimum dimensions of a window...
Notes:
white-space counts as data in the resource tags
the initial resize can be hidden from view, if a seperate script is
included immediately below the opening <!-- <head> --> tag of
the HTA, like so:
<!--
<script type="text/JScript">
try{moveTo(-32000,-32000)}catch(e){}
</script>
-->
- "normal" WINDOWSTATE is important in this context
all things considered, the component is probably best suited for
resizable HTA's without minimize and maximize buttons...
------------------------------------------------------------</comment>
<implements type="Behavior" id="GlueCode" />
<resource id="glueDir">0x1a</resource>
<resource id="minWidth">100</resource>
<resource id="minHeight">100</resource>
<script language="JScript">
<![CDATA[
GlueCode.attachNotification(function(message)
{
if(message != "documentReady")
return;
var HTA, appName;
if(!((HTA = GlueCode.element.parentElement) && HTA.windowState == "normal" &&
(appName = sysConvention(HTA.applicationName)).length && !external))
return;
var IShellDispatch, IXMLDOMDocument;
if(!((IShellDispatch = AXO("Shell.Application")) &&
(IXMLDOMDocument = AXO(["Msxml2.DOMDocument.4.0","Msxml2.DOMDocument","Microsoft.XMLDOM"]))))
return;
var N, Folder, persist, FolderItem, storageDir = "HTAWnGlueData";
if(!(Folder = IShellDispatch.NameSpace(isNaN(N = +(Folder = attempt(function()
{return getResource("glueDir");}))) ? Folder : N)))
return;
Folder.NewFolder(storageDir);
Folder = IShellDispatch.NameSpace(Folder.Self.Path + "" + storageDir);
var client = document.body, availWidth = screen.availWidth, availHeight = screen.availHeight;
window.attachEvent("onbeforeunload",function()
{
if(!persist)
return;
root = IXMLDOMDocument.documentElement;
root.setAttribute("left", screenLeft);
root.setAttribute("top", screenTop);
root.setAttribute("width", client.offsetWidth);
root.setAttribute("height", client.offsetHeight);
attempt(function(){IXMLDOMDocument.save(IXMLDOMDocument.url || Folder.Self.Path + "" + appName);});
});
IXMLDOMDocument.async = false;
if(!(FolderItem = Folder.ParseName(appName = appName + ".xml")))
{
persist = IXMLDOMDocument.loadXML("<HTAWindow left="" top="" width="" height="" />");
return schedule(function(){
moveTo((availWidth - client.offsetWidth) / 2, (availHeight - client.offsetHeight) / 2);});
}
if(!(persist = IXMLDOMDocument.load(FolderItem.Path)))
return;
var m = 32000;
schedule(function(){moveTo(-m,-m);},function()
{
var
root = IXMLDOMDocument.documentElement,
persistLeft = +root.getAttribute("left"),
persistTop = +root.getAttribute("top"),
persistWidth = +root.getAttribute("width"),
persistHeight = +root.getAttribute("height"),
borderWidth = screenLeft + m,
captionHeight = screenTop + m,
minWidth = (isNaN(minWidth = Math.abs(parseInt(attempt(function()
{return getResource("minWidth")}))))) ? 100 : minWidth,
minHeight = (isNaN(minHeight = Math.abs(parseInt(attempt(function()
{return getResource("minHeight")}))))) ? 100 : minHeight,
size = function()
{resizeTo(Math.max(minWidth, Math.min(availWidth, persistWidth + (borderWidth * 2))),
Math.max(minHeight, Math.min(availHeight, persistHeight + captionHeight + borderWidth)));},
move = function()
{moveTo(Math.max(0, Math.min(persistLeft - borderWidth, availWidth - (client.offsetWidth + (borderWidth * 2)))),
Math.max(0, Math.min(persistTop - captionHeight, availHeight - (client.offsetHeight + captionHeight + borderWidth))));};
schedule(size,function(){schedule(move);});
});
function sysConvention(filename){
var
p1 = /[x00-x1f<"/?*|:>]/g,
p2 = /^[. ]+|[. ]+$/g,
p3 = RegExp("(^AUX$|^CLOCK$$|^COM1$|^COM2$|^COM3$|^COM4$|^COM5$|^COM6$|^COM7$|^COM8$|^COM9$|" +
"^CON$|^LPT1$|^LPT2$|^LPT3$|^LPT4$|^LPT5$|^LPT6$|^LPT7$|^LPT8$|^LPT9$|^NUL$|^PRN$)","i");
return filename.replace(p1,"").replace(p2,"").replace(p3,"$1_");}
function attempt(method,test){
try{throw method();}catch(result){return result instanceof Error ? null : result || test;}}
function schedule(method,next){
!attempt(method,true) ? setTimeout(function(){schedule(method,next);},55) : attempt(next);}
function AXO(progId,loc){
if(!(progId instanceof Array))
return bind(progId);
function bind(pId){
try{
throw loc ? new ActiveXObject(pId,loc) : new ActiveXObject(pId);}
catch(obj){
return obj instanceof Error ? null : obj;}}
var retval, p, i = -1;
while(p = progId[++i])
if(retval = bind(p))
break;
return retval;}
});
]]>
</script>
</component>
Info on script components... http://msdn.microsoft.com/library/en-us/dnclinic/html/scripting091399.asp
HTA:APPLICATION Element: http://msdn.microsoft.com/workshop/author/hta/reference/objects/hta.asp
View 1 Replies
View Related
Sep 17, 2010
Firebug gives me the below error message:
component.singularize is not a function [Break on this error] var component = component.singularize();
This is what I have:
var component = window.location.hash.replace('#', '');
var component = component.singularize();
alert("The component name is " + component);
[Code]....
View 6 Replies
View Related
Nov 16, 2010
Am just starting a new site and this morning noticed my header background image (logo) was missing.
Started out with normal CSS/HTML navigation menu.
www.westernwebdesign.com.au/pelican/index.html
Then I added a Vista buttons navigation menu:
http://www.westernwebdesign.com.au/p...cal/index.html
and the logo was gone. Not exactly sure at what point it disappeared yesterday as I didn't notice it missing until this morning. The navigation is about the only point of difference so I think this is the issue but have no idea why.
View 3 Replies
View Related
Sep 8, 2011
building an HTML/CSS component that would:
1) Feature a small set of icons that would be placed on the right-side of a div
2) If someone clicked on one of the icons, the component would slide out towards the right, featuring various UI elements (i.e. descriptive text and form elements). The component slides out to match the width of the content (not fixed width)
3) The slider slides back if the user clicks on the "X" in top right corner or moves their mouse/clicks outside the slider area.
4) A nice to have would be if the component is towards the right side of the screen, the component slides out left (so it does not go outside the screen area or show a horizontal slider on the bottom of the screen window).
A visual of what I am trying to accomplish can be found in the attached file.
View 1 Replies
View Related
May 10, 2009
Are there any good web UI component libraries -open source or commercial - that you can recomment? They need to be cross browser compatible and have good documentation. Jquery UI is very good but limited in number of controls it offers. YUI is very verbose and very hard to use. extJs only other one I can think of. Any others you use and like?
View 2 Replies
View Related
Jul 15, 2007
I have made a ActiveX control for commericial application. A Drag and
Drop component for Mail server.
I need to host the component in Internet Explorer.
When a user opens a mail it should prompt the user to download and
register the Drag and Drop activeX component.
This should be a trivial program. Please let me know how is it done.
View 1 Replies
View Related
Jul 20, 2005
Advanced DHTML Dropdown List component (Javascript,ASP,.NET,PHP)
enhances usability of large dropdown lists with type & select feature.
It suggests possible matches for entries you type in the input box.
Works in all browser with DIV, CSS and JavaScript support: IE5+,
Netscape6+, Mozilla, Opera. The script allows full customization with
style sheets, single and multiple select mode. Code:
View 2 Replies
View Related
Sep 23, 2009
I am needing some help with an error I'm getting from a project I'm working on. First off let me preface this all with the fact that I'm a total javascript noob. I'm really trying to understand what I'm doing wrong. So any help or advice is MORE than welcome. Here's what is happening. I found this code that will duplicate a row in a table and modifiy the name of a input in the row. Well for my purposes I have two different tables I need to work with. (each one idividually) So I changed the code a bit to make it accecpt a variable to use for the table name. (before it was static) and now I'm getting a error. Error: uncaught exception: [Exception... "Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER)" nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)" location: "JS frame :: http://www.tourandtravelnow.com/admin/scripts/faxPageScript.js :: addRow :: line 14" data: no] This is the old code that would work (only for one of the tables)
[Code]...
View 1 Replies
View Related
Jul 6, 2010
I have to do a slideshow with images of different widths... am using cycle plugin, which I like very much... I have a little test slideshow here, http:[url]....it's not centering imgs in containing div (I made div width of widest image.. this will work for my situation, in which imgs will be hard-coded..)if you inspect img element in firebug (#slideshow img), it shows that the plugin adds a style of position: absolute; top: 0px; left: 0px .to the img; why does the plugin do this.. how can I center the images in containing div...
View 1 Replies
View Related
Jul 18, 2010
I'm working on a project where I add or remove options in a select list based on what checkboxes have been checked. So far I can remove them with detach() and add them with append() but is there a way to add them in aparticular order. I was originally just going to hide and show the options but as always IE doesn't like to do it the easy way.
View 3 Replies
View Related
Mar 22, 2010
I have a list of checkboxes that a user can select and drag and drop in any order. The selected items and the order thatthey are in are saved in a cookie value (using a cookie plugin). The function below retrieves the cookie value and loops through the values stored in the cookie and now I want to display only those div sections which are in the cookie and in the same order (this is the part that I'm having trouble with). I have each div with a style of display:none and I could just just the display: value to show them but how do I output them/display them in the same order as the cookie value?
function
listOrder() {
var list = $(setSelector);
if (list == null) return
[Code]....
View 1 Replies
View Related
