Jump to content

Turning a cursor into into a bar (the one where you type) when you try to drag


Recommended Posts

Hi guys, I can't explain it with words properly but when someone tries to drag and drop an image, I want to turn it in the bar that appears when you hover over an input form. An example can be seen here:

 

http://www.prisonstruggle.com/

 

Could anyone help me out here? I got no idea how to start because I don't know which terms to search for in google.

This is used for drag and drop. I'd stay with the commonly excepted stuff:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>New document</title>
<style type="text/css">
#main
{
border: red solid 1px;
width: 100px;
height: 100px;
cursor: move;
}
</style>
</head>
<body>
<div id="main" >
</div>
</body>
</html>

 

But if you instead use text instead of move.

It's an example. A show and tell. "cursor: move;"  or  "cursor: text;" is what you asked for and whats important. And yes use it in the picture div, cause that's the area where you want to change it.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.