Drag n Drop javascript works for single image not for images put in Datalist????urgent please reply

Hi,guys

i have javascript  for drag n drop image ,that is working perfectly for single image. 

<style type="text/css">
<!--
.moveable {
             position: absolute;
             cursor: move;
           }         
-->
</style>

<script language="JavaScript" type="text/javascript">

   var selObj = null;
   function moveHandler(e){
      if (e == null) { e = window.event }
      if (e.button<=1&&dragOK){
         selObj.style.left=e.clientX-dragXoffset+'px';
         selObj.style.top=e.clientY-dragYoffset+'px';
   
         return false;
      }
   }

   function cleanup(e) {
      document.onmousemove=null;
      document.onmouseup=null;
      selObj.style.cursor=orgCursor;
      dragOK=false;
   }

   function dragHandler(e){
      var htype='-moz-grabbing';
      if (e == null) { e = window.event; htype='move';}
      var target = e.target != null ? e.target : e.srcElement;
      selObj=target;
      orgCursor=target.style.cursor;
      if (target.className=="moveable") {
         target.style.cursor=htype;
         dragOK=true;
         dragXoffset=e.clientX-parseInt(selObj.style.left);
         dragYoffset=e.clientY-parseInt(selObj.style.top);
         document.onmousemove=moveHandler;
         document.onmouseup=cleanup;
         return false;
      }
   }
    document.onmousedown=dragHandler;

</script>

 script language="JavaScript" type="text/javascript">
<!--
   var orgCursor=null;   // The original Cursor (mouse) Style so we can restore it
   var dragOK=false;     // True if we're allowed to move the element under mouse
   var dragXoffset=0;    // How much we've moved the element on the horozontal
   var dragYoffset=0;    // How much we've moved the element on the verticle
   document.getElementById('movePic').style.left='0px';
   document.getElementById('movePic').style.top='0px';
//-->
</script>

applied to <asp:Image ID="movePic" CssClass="moveable" runat="server" ImageUrl="~/images/original(7).gif" style="left: 5px; top: 10px" />
 but when i have tried to apply it to images that is bound in datalist its not working.

only first image is applied drag n drop.

how can this problem be resolved ??

can anyone help?

its very urgent.please...please help me as soon as possible.

thank you in advance. 

0
Sheetal
12/6/2007 9:29:29 AM
asp.net.client-side 24353 articles. 1 followers. Follow

1 Replies
739 Views

Similar Articles

[PageSpeed] 55

function showSupportItem(itemName) { if( articleSpptItems[itemName] ) { var theURL = 'http://www.devx.com/webdev/Article/32555/1763'; theURL += '?supportItem='+articleSpptItems[itemName].number; popUpWindow(theURL, articleSpptItems[itemName].width, articleSpptItems[itemName].height); } else alert("Sorry, "+itemName+" could not be found."); } function SupportItem(number, width, height) { this.number = number; this.width = width; this.height = height; return this; } articleSpptItems = new Object(); articleSpptItems.figure1 = new SupportItem(1,330,456); articleSpptItems.figure2 = new SupportItem(2,493,544); articleSpptItems.figure3 = new SupportItem(3,306,334); articleSpptItems.figure4 = new SupportItem(4,596,158); articleSpptItems.figure5 = new SupportItem(5,565,524); articleSpptItems.figure6 = new SupportItem(6,746,675); articleSpptItems.figure7 = new SupportItem(7,613,563);

DevX HomePage
 
http://www.devx.com Printed from http://www.devx.com/webdev/Article/32555/1954
 
Add Drag-and-Drop Magic to Your Web Pages Using Microsoft AJAX Library

Sometimes it seems like AJAX is a layer of magic for web pages. The ability to drag and drop page "widgets" such as images and chunks of text is definitely one of those features that makes people's eyes light up. Find out how easy it is to enable client-side drag-and-drop using Microsoft AJAX Library (Atlas).  
ne of the coolest features you can add to your Web application is the ability for users to personalize the look-and-feel of the pages all on their own. And often, users like to rearrange parts of the page to suit their own viewing preferences. Imagine going to a Web site and being able to pick up sections, images, text, and other page "widgets" and move them around dynamically. With AJAX technologies such as Atlas, this functionality is available today.

Of course, in ASP.NET 2.0, you can build something very similar using the WebParts framework. However, if you want a simpler way to incorporate WebParts-like features in your pages, Atlas has a solution.

In this article, I will show you how to make pieces of your Web page "moveable"; users will be able to reposition various parts of the page using basic drag and drop. Best of all, the page can be personalized and saved for each user, using the Profile service in ASP.NET 2.0.

Building the Application
Using Visual Studio 2005, create a new Atlas application and name it C:\DragandDrop. Switch to the code-behind of the default.aspx page.

First, set the EnablePartialRendering attribute of the <atlas:ScriptManager> control to "true" so that your page can support partial updating:


<atlas:ScriptManager ID="ScriptManager1" runat="server"
EnablePartialRendering="true" />
Next, add an <atlas:UpdatePanel> control to the page and within it, add the <ContentTemplate> element. Add a Panel control to the <ContentTemplate> element and set its border style and dimensions as shown below:

<atlas:ScriptManager ID="ScriptManager1" runat="server"
EnablePartialRendering="true" />
<div>
<atlas:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel1" runat="server"
BorderStyle="Solid"
Height="198px"
Width="194px">
</asp:Panel>
</ContentTemplate>
</atlas:UpdatePanel>
Now that you have a Panel control embedded within a <atlas:UpdatePanel> control, you will add some content in the Panel control. You can either add some text or you can add another control such as the Calendar, ImageMap, etc. For this example, I am going to add a clock to display the time in a selected time zone. ClockLink.com provides a number of fashionable clocks that you can easily embed in your web page. These clocks update themselves (every second) on the client side of the page without causing a page reload. You will add a clock that displays the time in New Zealand. To embed this clock, simply insert the scripts that are highlighted below in bold:

<atlas:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel1" runat="server"
BorderStyle="Solid"
Height="198px"
Width="194px">

<script rc="http://www.clocklink.com/embed.js">
</script>

<strong>Current Time in New Zealand</strong>

<script type="text/javascript"
language="JavaScript">
obj = new Object;
obj.clockfile = "0010-Red.swf";
obj.TimeZone = "NZT";
obj.width = 200;
obj.height = 200;
obj.wmode = "transparent";
showClock(obj);
</script>


</asp:Panel>
</ContentTemplate>
</atlas:UpdatePanel>
At this juncture, you can see how the page will look like by pressing F5. Figure 1 shows the clock displayed within a Panel control.


Figure 1. The screen shot shows the Default.aspx page with a clock that updates every second on the client side.
 
Figure 2. The screen shot shows the same clock after I moved it to a new spot on the page and dropped it.
Stop the application and let's now make the Panel control containing the clock moveable. You will use the <atlas:DragOverlayExtender> control for this purpose. The <atlas:DragOverlayExtender> control extends a control by transforming it into a floating control. You can drag and drop the control anywhere on the Web page.

Add the <atlas:DragOverlayExtender> control and configure it by adding an <atlas:DragOverlayProperties> control and setting its TargetControlID attribute to "Panel1." Also remember to set its Enabled property to "true":


<atlas:ScriptManager ID="ScriptManager1" runat="server"
EnablePartialRendering="true" />
<atlas:DragOverlayExtender ID="DragOverlayExtender1"
runat="server">
<atlas:DragOverlayProperties TargetControlID="Panel1"
Enabled="true"/>
</atlas:DragOverlayExtender>
Press F5 to test the application. You should now be able to drag the clock around the page. However, you will notice that when you release the mouse, the clock will always return to its original location. This will happen because you cannot drop the control beyond what is rendered on the page and your page is empty except for the Panel control. You can fix this problem simply by adding the following attributes in bold to the <body> element of the page:

<body style="height: 100%;">
Press F5 to test the application again. You should now be able to drag the clock and drop it anywhere on the page so long as you are still within the Panel control (see Figure 2).




Personalizing the Page
Now that you are able to drag and drop a control on a page, you will realize that when the application is restarted, the control is back to its original location. In the real world, users want the application to remember the settings of the page. For this, we need to use the Profile service in ASP.NET 2.0.

To use the Profile service in ASP.NET 2.0, you need to do a few things. First, add a Profile property to the application by adding the following to Web.config:


<system.web>
<profile>
<properties>
<add name="Panel1Loc" type="System.String" />
</properties>
</profile>
Next, you need to uncomment the <profileService> element in Web.config so that Atlas is now able to use the Profile service on the server-side. Set its attributes as shown below:

<profileService enabled="true"
setProperties="Panel1Loc"
getProperties="Panel1Loc"
/>
Basically, you are telling Atlas that you want to be able to read and write to the Profile property named Panel1Loc.

Next, add the ProfileProperty attribute to the <atlas:DragOVerlayProperties> control and set it to "Panel1Loc." This will allow it to save the position of the Panel control that it is extending to the Profile property named Panel1Loc:


<atlas:DragOverlayExtender ID="DragOverlayExtender1"
runat="server">
<atlas:DragOverlayProperties TargetControlID="Panel1"
Enabled="true" ProfileProperty="Panel1Loc" />
</atlas:DragOverlayExtender>
Finally, add the <atlas:ProfileScriptService> control and set its AutoSave attribute to "true." This will cause the position of the Panel control to be saved automatically to the Profile property whenever it is dragged and dropped:

<atlas:ScriptManager ID="ScriptManager1" runat="server"
EnablePartialRendering="true" />
<atlas:ProfileScriptService ID="ProfileScriptService1"
runat="server" AutoSave="true" />


Figure 3. ASPNETDB.MDF is the database that holds the data about the position of elements on your page.
 
Figure 4. The row containing the values of the Profile property is shown.
That's it! Press F5 to test the application. Drag and drop the clock on a new position. Stop the application and run it again and you will see that the clock will now go back to the position where you left it.

Examining the Database
To verify that the positional information of the clock is indeed persisted, refresh the App_Data folder in your project (see Figure 3). You should see the newly created ASPNETDB.MDF database. This database is used by ASP.NET to save application-related data.

Double-click on the ASPNETDB.MDF file. In Server Explorer, expand the Tables item and right-click on the aspnet_Profile table and select Show Table Data. The first row of the table shows the values of the Profile property (see Figure 4).

Author's Note: In my example, I am using the default Windows authentication and hence my Windows login will be used as the user name (stored separately in the aspnet_Users table). The Profile service also works with Forms authentication and works for authenticated as well as anonymous users.

Adding More Panels


Figure 5. Dragging and dropping two Panel controls.
So far, you have only seen one Panel control in action. I will now add one more Panel control to display the current time in Japan. Here are the additions/changes.

Add a new <atlas:UpdatePanel> control (UpdatePanel2) containing another Panel control (Panel2) to the page (the clock now displays the time in Japan):


<atlas:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
...
...
</ContentTemplate>
</atlas:UpdatePanel>
<atlas:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel2" runat="server"
BorderStyle="Solid"
Height="198px" Width="194px">

<script
src="http://www.clocklink.com/embed.js">
</script>

<strong>Current Time in Japan</strong>

<script type="text/javascript"
language="JavaScript">
obj = new Object;
obj.clockfile = "0008-Yellow.swf";
obj.TimeZone = "JST";
obj.width = 200;
obj.height = 200;
obj.wmode = "transparent";
showClock(obj);
</script>
</asp:Panel>
</ContentTemplate>
</atlas:UpdatePanel>
Add a new <atlas:DragOverlayProperties> control to the <atlas:DragOverlayExtender> to extend the second Panel control:

<atlas:DragOverlayExtender ID="DragOverlayExtender1"
runat="server">
<atlas:DragOverlayProperties TargetControlID="Panel1"
Enabled="true" ProfileProperty="Panel1Loc" />
<atlas:DragOverlayProperties TargetControlID="Panel2"
Enabled="true" ProfileProperty="Panel2Loc" />

</atlas:DragOverlayExtender>
In Web.config, add another Profile property named Panel2Loc:

<profile>
<properties>
<add name="Panel1Loc" type="System.String" />
<add name="Panel2Loc" type="System.String" />
</properties>
</profile>
Finally, modify the setProperties and getProperties attributes to include the Panel2Loc Profile property:

<profileService enabled="true"
setProperties="Panel1Loc;Panel2Loc"
getProperties="Panel1Loc;Panel2Loc" />
Press F5 to test the application. You can now drag and drop the two clocks and they will remain in the same position even f you reload the page (see Figure 5).

 




Alternative Drag and Drop Using the DragPanel Control
Besides using the <atlas:DragOverlayExtender> control for drag and drop operation on Web pages, you can also use the DragPanelExtender control which is contained in the Atlas Control Toolkit. Basically, the DragPanelExtender control is very similar to the <atlas:DragOverlayExtender> control, except that it does not have built-in capability to persist the positional information of controls that have been dragged.

To see how the DragPanelExtender control works, add a new Web Form to the page (Default2.aspx). Switch to the code-behind of the form and code the form as shown:


<atlas:ScriptManager ID="ScriptManager1" runat="server">
</atlas:ScriptManager>

<asp:Panel ID="Panel1" runat="server" Width="125px"
BorderStyle="Double">
<asp:Panel ID="Panel2" runat="server" Height="1px"
Width="100%" BorderStyle="Double"
BackColor="White">
<div style="text-align: center">Drag Me</div>
</asp:Panel>
<center>
<asp:Panel ID="Panel3" runat="server"
Height="50px" Width="125px">
<asp:Image ID="Image1" runat="server"
Height="318px" Width="475px"
ImageUrl="~/Fish.jpg" />
</asp:Panel>
</center>
</asp:Panel>
Basically, in the code above you have:
  • An <atlas:ScriptManager> control
  • Two Panels controls (Panel2 and Panel3) embedded within a third Panel control (Panel1).
  • Panel2 contains a <div> element, which contains a string: "Drag Me."
  • Panel3 contains an image—Fish.jpg (you need to add the image to the project)
The DragPanelExtender control allows you to specify which Panel control should allow for dragging (in this case, Panel2) and the corresponding Panel control that should be moved (in this case, Panel1). Hence, add the following to the page:

<cc1:DragPanelExtender ID="DragPanelExtender1" runat="server">
<cc1:DragPanelProperties
DragHandleID="Panel2"
TargetControlID="Panel1" />
</cc1:DragPanelExtender>
Here, users will be able to drag Panel2 and the corresponding Panel1 will move with it. That's it! Press F5 to test the application. You will now be able to move the Panel containing the image by just dragging the Panel containing the string: "Drag Me" (see Figure 6).


Figure 6. Using the DragPanelExtender control you can make it more obvious to your users that panels are moveable by nesting panels inside of one another.
 
Figure 7. You should change the cursor to "move" so the user gets a visual cue that the panel is moveable.
Changing into a Drag Icon
If you are observant, you will realize that when the mouse hovers over the "Drag Me" Panel, the cursor does not change into a "move" cursor (which is a four-pointed arrows icon). This is not a good UI design, as it does not convey information to hint to the user that this is a moveable Panel. To do so, you need add a cascading stylesheet (CSS).

Add a CSS stylesheet to the project (right-click on project name in Solution Explorer and then select Add New Item…, and select Style Sheet). Use the default name of StyleSheet.css. Populate the stylesheet with the following:


.dragIcon {
width:100%;
height:21px;
background-color:#FFF;
text-align:center;
cursor:move;
font-weight:bold;
}
Back in the Source View of Default2.aspx, link to the newly added stylesheet by adding the element highlighted in bold:

<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
To ensure that when the mouse moves over the "Drag Me" Panel, set the class attribute of the <div> element as follows:

<asp:Panel ID="Panel2" runat="server" Height="1px"
Width="100%" BorderStyle="Double"
BackColor="White">
<div class="dragIcon" style="text-align: center">
Drag Me</div>
</asp:Panel>
Press F5 to test the application again. When your mouse now hovers over the "Drag Me" panel, it will change to the "move" cursor (see Figure 7).

In this article, you have seen how you can easily implement drag and drop functionality on your Web page using Atlas. Besides extending Panel controls, the <atlas:DragOverlayExtender> control can also be used to extend other Web server controls. Alternatively, you can also use the DragPanelExtender control from the Atlas Control Toolkit to make Panel controls moveable. Finally, you learned how to change the default cursor of a moveable control to the "move" cursor so that it gives the appropriate visual cues to users.

 

 

Wei-Meng Lee(http://weimenglee.blogspot.com) is a Microsoft MVP and founder of Developer Learning Solutions (http://www.developerlearningsolutions.com), a technology company specializing in hands-on training on the latest Microsoft technologies. He is an established developer and trainer specializing in .NET and wireless technologies.

Wei-Meng speaks regularly at international conferences and has authored and co-authored numerous books on .NET, XML, and wireless technologies. He writes extensively on topics ranging from .NET to Mac OS X. He is also the author of the .NET Compact Framework Pocket Guide, ASP.NET 2.0: A Developer's Notebook (both from O'Reilly Media, Inc), and Programming Sudoku (Apress).



DevX is a division of Jupitermedia Corporation
© Copyright 2007 Jupitermedia Corporation. All Rights Reserved. Legal Notices

 

0
kingkaushik21
11/29/2008 10:33:01 AM
Reply:

Similar Artilces:

Would prefer if drag'n'drop in OS X dropped the image; now drops image URI
Name: Gary Product: Firefox Summary: Would prefer if drag'n'drop in OS X dropped the image; now drops image URI Comments: (Mac OS X only) The summary says most of it. When dragging and dropping an image from, for example, Safari to an RTF document in TextEdit, the dragged image is dropped into the document. When doing the same with Firefox, the image URL is dropped instead. I read somewhere that this behavior would be changed in Firefox 1.5 - I just tried it out with Firefox 1.5 RC3, and it hadn't changed. I'm not sure how people generally want this to be...

how to drag a image to another image in a datalist
Hi i have make a image gallary using data list and i want to drag a image and drop it on another image in a same datalist. mean i want to interchange to images by drag it. how it is possiable. give me the right solution   Thanks      ...

Drag and drop images on a image control
Hi,  I am developing a photo editor site. My customer has a requirment like, there should an option to drag a picture and drop on the photo editor image place hodler, the drag and drop option should be there for physical file from windows explorer and from the photo album created in the site. How to do drag and drop of a picture on a web form?...

Drag and Drop images onto other images
Hi -   I'm not sure if anyone has seen the play room on the Wonderful Graffiti site (http://secure.wonderfulgraffiti.com/playRoom/flash/playRoom.php), but it does some cool stuff with being able to move decor around a room, paint walls, etc.  Can that kind of functionality be done using ASP.net/AJAX?  If so, any hints as to where to look to find out more?  Or even a consulting agency that could help with that kind of development?  (Or even what "that kind of development" should properly be called!)  Obviously I'm quite ignorant at this... ...

How to link image on the client side not using image control
Hello: I need to link my image on the client side code, but not use image control. Is anyway like ASP to use: img src="../image/photo.gif" ?  Thanks    You meant  without adding image control you wanted to add an image and give the link for that? please give more details... Don't forget to click (Mark as Answer) on the post that helped to solve your problem. Yes. In ASP, you specify the image path: img src="../image/photo.gif". I put image in the folder image. How to specify this path and find image without using image contro...

Imaging, but not imaging
We multicasted to 43 machines. Updated the image on the master. Multicasted the updated image to 36 machines. (the other 7 wouldn't join the session for some unknown reason). I visually verified that all 36 were imaging. One of the 8 which didn't rename appears to not even have been imaged. The problems with the previous image were still there. It's as though the machine didn't image even though I saw it take part in the session and the temp bar going across the screen. What the heck's going on here? AlaN As a try, what happens if you boot either to PXE ...

drag and drop of images does not work on linux
hi, Currently on linux platform; firefox and Thunderbird does not allow drag and drop of images from any folders into email text area (Thunderbird) and in side Firefox...It just copies path of that in area. Due to this other applications base don mozilla platform also does allow drag and drop. This works fine on windows. Is itr been planned for next gecko platform ? Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1 ...

Image on Image
I am trying to display a page that has image of a map on it. The user can then place other images of red thumbtacks on the image at different locations. Then when these thumb tacks are clicked on, they open a folder of pics related to the area. I saw a method in the imageButton class that returns the (x,y) of the location where the user clicked. I thought I could use this information to place another, smaller image button, on that area. My problem is that i can't seem to get the bottom imageButton to be transparent so I can see the smaller one. Am i on the right track with this. Any advi...

Image in image
Hi, I have a project where clients viewing my website can buy t-shirts. They can choose from a number of t-shirt colors and shapes which are their plain colour. They can also choose a number of prints to be placed on the t-shirt. These will be graphics stored in a database. My problem is on how I can displaty the t-shirt with the graphics or logo they chose on te t-shirt. It would be something like drawing text on an image but instead drawing an existing image on the base image. Any Ideas? (I am using visual studio 2005 and vb.NET)   RegardsMerovingian you 1. You can create a...

Image drag 'n drop
Name: Ubik P. Email: joe_chipatperkypat-layoutsdotcom Product: Minefield Summary: Image drag 'n drop Comments: Dear sirs, I'm just another Firefox junkie since the dawn of time, waiting to make the final transition to the new version, holding back still because of some extensions but also because of a few annoyances that hopefully will be fixed (?) Perhaps it's only one, namely dragging images, that doesn't seem to always work. More specifically, dragging images into ACDSee, a program I depend on. Please try to save an image into a folder via ACDSee to se...

drag and drop of images does not work on linux
hi, Currently on linux platform; firefox and Thunderbird does not allow drag and drop of images from any folders into email text area (Thunderbird) and in side Firefox...It just copies path of that in area. Due to this other applications base don mozilla platform also does allow drag and drop. This works fine on windows. Is itr been planned for next gecko platform ? Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1 ...

image and image
// create an image object, using the filename we just retrieved System.Drawing.Image image = System.Drawing.Image.FromFile(Server.MapPath(file)); // create the actual thumbnail imageSystem.Drawing.Image thumbnailImage = image.GetThumbnailImage(64, 64, new System.Drawing.Image.GetThumbnailImageAbort(ThumbnailCallback), IntPtr.Zero);   now my question is how to display this image in my image1 control in asp.net (version 1.1) the below line of code is not working.  Image1.ImageUrl=thumbnailImage.ToString();Mark As Answer If my reply helped you. Hi, you can save t...

Loaing Image to an Image COntrol using client side java script
SIr How can I Load an Image to an Image Control using JavaScript Expecting reply C T Ranjith Hi ctranjith, Try the following snipplet and then call it wherever you need it: function LoagImage() { document.getElementById('imgControl1').src = document.getElementById('btnExplore').value; } Hope it helps.MIGUELÓN.-----------------------------------------Rezad a vuestros dioses, amad a vuestras mujeres y luchad por vuestra patria! ----------------------------------------...

Assign an image to an image element based on querystring within Client-Side code
HelloI want to change the main image of a page by just clicking thumbnails of other imagesI placed images each in a seperate div and I defined events forclicking each div .In my opinion From 2 aspects this code can have problems1 . the querystring part2 . the assigning of the clicked image  to the main ImageI have some folders that inside of each folder I named my images a,b,c,d for ease of usewith QueryString . I used these codes for getting the querystring and assigning an image to the main imageCode : A seperated JavaScript file named Q.js  <code>function Qu...

Web resources about - Drag n Drop javascript works for single image not for images put in Datalist????urgent please reply - asp.net.client-side

Email Domain Datalist Helper
What if someone signs up for your web app and they type in their email address as susan_smith@gmaoil.com? They don't notice, they never get their ...

South-west Marine Reserves Network - Resources
[toc on_off::hide=0 on_off::automatic=0 on_off::min_limit=5 box::title=Contents box::minlevel=2 box::maxlevel=2 box::hide_show=1 box::collapsed=1 ...

HTML5无障碍支持解决方案
工作正在进行中:实例解决方案 返回 表的图例 & 说明: “不支持" - 意味着如果提供有建设性意义的变通方案仍不能被浏览器支持。 “部分支持” - 意味着建设性意义的变通方案在浏览器中提供一些无障碍支持。 “没实现” - 意味着新特性在浏览器中仍然没有实现。 “支持” - means ...

銆婄函鐪熺殑骞翠唬銆嬬1闆哶楂樻竻鍦ㄧ嚎瑙傜湅_鏂版氮澶х墖_鏂版氮缃?/title>
... 鏂扮櫧鍙戦瓟濂充紶 鏄庢湞澶╁惎鍥涘勾锛屽箍鍏冨湴鍖鸿繛骞撮ゥ鑽?.. 娓╁窞涓€瀹朵汉 銆婃俯宸炰竴瀹朵汉銆嬩互涓€鎴锋櫘閫氫汉瀹剁殑... 闃垮浣块亾浼?/a> 銆婇樋濞樹娇閬撲紶銆嬩互鏈濋矞鏃朵唬涓鸿儗鏅?.. 鐑棬瑙嗛 姝e湪鍔犺浇...璇风◢绛墌 ${++dataList_index} ...

Adactio: Journal
The thoughts and ramblings of Jeremy Keith, a web developer living in Brighton in southern England.

datalist experiment
demo implementation of datalist element

Issues for pfeldman - Code Review
Keyboard Shortcuts File u : up to issue m : publish + mail comments M : edit review message j / k : jump to file after / before current file ...

Google’s new Chrome Beta 24 is 26% faster than last year’s browser
... the Octane Javascript benchmark. For developers, there are tons of new features in Chrome Beta 24 including new un-prefixed APIs, MathML, datalist ...

Accessible Mozilla: Firefox 24
Alex's blog Wednesday, July 10, 2013 Here's a list of Firefox 24 (currently Aurora ) improvements for assistive technology. ARIA We supported ...

Google Chrome 24 Released, Claims 26% Speed Improvement
Google today released a new version of its browser. On the Octane benchmark, this version is claimed to have 26% speed improvement over the last ...

Resources last updated: 12/17/2015 7:54:05 AM