|
Hi,
I have developed function to drag image within a page which is as below:
function move(){
if (dragok){
moveImg.style.left = dx + event.clientX - x + "px";
moveImg.style.top = dy + event.clientY - y + "px";
return false;
}
}
/*function down(e){
dragok = true;
document.onmousemove = move;
return false;
} */
function up(){
dragok = false;
//if(moveImg)
//{
moveImg.style.left = 0 + "px";
moveImg.style.top = 0 + "px";
//}
//moveImg.style.zIndex = "0";
//srcImg.style.zIndex = "0";
}
var movePos;
var oldPos;
var newPos;
function doMouseDrag(pos)
{
dragok = true;
movePos = pos;
oldPos = document.getElementById("cp"+pos).value;
var temp = document.getElementById("snapshotArea"+movePos);
srcImg = document.getElementById("snapshotImg"+movePos);
//temp.style.zIndex = "-100";
//srcImg.style.zIndex = "-100";
moveImg = temp;
dx = parseInt(moveImg.style.left);
dy = parseInt(moveImg.style.top);
x = event.clientX;
y = event.clientY;
//window.scrollBy(100,200);
}
function doMouseDrop(pos)
{
dragok = false;
newPos = document.getElementById("cp"+pos).value;
if(newPos == oldPos)
return;
if(newPos > oldPos)
{
// for(var k=oldPos;k
|
|
|
|
|
Parts of your code is not showing. Use the "Ignore HTML" option when you are posting code that contains < characters, or use the formatting tools to insert the html code for it where it appears. (This is a common problem because of the awkward way that this forum handles posts with html code.)
What do you mean by "not working"?
What happens when you run the code? Do you get any error messages? (Open the Error Console to see Javascript error message in Firefox.)
---
single minded; short sighted; long gone;
|
|
|
|
|
Hi,
Thanks for your reply.
Actually I want to drag image in my browser in such a way that I am creating a new image(div) and drag it to the destination.
here is my function for creating a copy of a div
function doMouseDrag(pos)
{
dragok = true;
movePos = pos;
oldPos = document.getElementById("cp"+pos).value;
temp = document.getElementById("sources");
srcImg = document.getElementById("snapshotImg"+movePos);
moveImg = document.createElement("IMG");
moveImg.id = 'mImg';
moveImg.src = srcImg.src;
moveImg.style.position = "absolute";
moveImg.style.zIndex = "-100000000";
moveImg.style.left = 350+"px";
moveImg.style.top =(oldPos * 155)+150+"px";
moveImg.style.width = "108px";
moveImg.style.height = "80px";
moveImg.style.marginRight = "10px";
moveImg.style.border = "1px #CCC solid";
temp.appendChild(moveImg);
dx = parseInt(moveImg.style.left);
dy = parseInt(moveImg.style.top);
}
This code works fine only in IE but not working in FireFox and also it gives no error for that.
Please help me.
Thanks again
James
|
|
|
|
|
What do you mean by "not working"?
If you really mean that the code should create a copy of a div, that is your problem, as the code doesn't do that. It creates a copy of an image.
If you mean that the code should create a copy of an image, it does that, and it works just fine in Firefox.
---
single minded; short sighted; long gone;
|
|
|
|
|
Hi,
Thanks for your reply.
Yes it does copy of an image of my existing image. Now my problem is I have to move this copy along with my cursor how can I achieve that
Can you please tell me????
|
|
|
|
|
No, I can't tell you. I don't know what's wrong with your code, as you never told me what you mean by "not working", what's happening when you run the code, or if you got any error messages. I'm trying to help you, but my mind reading capabilities are a bit weak at the moment.
---
single minded; short sighted; long gone;
|
|
|
|
|
well I'm not an expert on this issue but I suggest yu try putting some DHTML into use for this...
best of luck
|
|
|
|
|
James_Programmer wrote: srcImg = document.getElementById("snapshotImg"+movePos);
It's very strange code. movePos is the postion of mouse move? So, you have such a image called snapshotImg1.2 or snapshotImg1020 ??
James_Programmer wrote: oldPos =
document.getElementById("cp"+pos).value;
what is "cp"?? image or div or what?
Have you tried the following sample?
How to Drag and Drop in JavaScript[^]
JavaScript: DHTML API,
Drag & Drop for Images and Layers[^]
Draggable [^]
It's a lit bit difficult for us to help you as long as you are not giving the code which is working in Firefox (as you said). now, you are just giving some pieces of code that doesn't complete.
Show us the compeleted code that you said that it's working in firefox. What we will do first is that we will copy and paste your code in notepage. Save it as html file. then check whether it is working fine on firefox or not. If it's working fine, we will look which element are not compatibles with IE. then, we will let you know the result..
Sound okay??
Thanks and Regards,
Michael Sync ( Blog: http://michaelsync.net)
If you want to thank me for my help, please vote my message by clicking one of numbers beside "Rate this message". Why vote? Plz Read it here. Thank you. 
|
|
|
|
|
C++ programmer exclusively. Have not done any web development at all. From what I've read today, Flex is THE way to go for client side UI development. I downloaded the Flex SDK, and it looks like there's nothing equivalent to a GDI+ TextureBrush, at least not for text. In Flex, it looks like all you can do with text is change the color, not render it with some arbitrary bitmap as a texture. (There are skins, but not for text). Is that the case? Anything equivalent to Flex in terms of comprehensiveness, portability and ease of use that *does* have this capability?
|
|
|
|
|
Force Code wrote: From what I've read today, Flex is THE way to go for client side UI development.
That depends entirely on what the UI should do. I believe that in the foreseeable future most web pages will still be just plain web pages.
Force Code wrote: I downloaded the Flex SDK, and it looks like there's nothing equivalent to a GDI+ TextureBrush, at least not for text. In Flex, it looks like all you can do with text is change the color, not render it with some arbitrary bitmap as a texture. (There are skins, but not for text). Is that the case?
Flex is limited by the capabilitles of the Flash player, so it's possible you can't do it that way. It's possible to accompish the same effect in flash by using a text layer as mask to reveal a bitmap in the underlying layer. That should be possible to do in Flex also.
Force Code wrote: Anything equivalent to Flex in terms of comprehensiveness, portability and ease of use that *does* have this capability?
You might want to take a look at Micorsoft's "flashkiller" Silverlight. I don't know if it's better for exactly what you are doing, but it sure doesn't hurt to know a little bit about it.
---
single minded; short sighted; long gone;
|
|
|
|
|
Guffa wrote: It's possible to accompish the same effect in flash by using a text layer as mask to reveal a bitmap in the underlying layer. That should be possible to do in Flex also.
Thanks, I'll look into this.
|
|
|
|
|
I have an asp page on server. I call this page from a .net windows form in which i have a browser control. I need to upload an image on the client PC into the browser control containing the asp page fetched from server.
|
|
|
|
|
how can i specify data to be imported from excel to to a text box on a web page using html or dhtml
to decide which column and row.
is there any other programme to use.
|
|
|
|
|
Please read the forum guidelines and do not title your messages only 'help'
_____________________________________________
Flea Market! It's just like...it's just like...A MINI-MALL!
|
|
|
|
|
html and dhtml can't do it, you need to use an actual web development platform to read an Excel file.
Christian Graus - Microsoft MVP - C++
"I am working on a project that will convert a FORTRAN code to corresponding C++ code.I am not aware of FORTRAN syntax" ( spotted in the C++/CLI forum )
|
|
|
|
|
Hi
I am trying to consume from a 3rd party web service but I get the following error when I try to run a certain method in the web service I get the error "The request failed with an empty response." Does anybody know what this means? My first guess would be that the web method has thrown some exception but there are no details for the exception. Has anybody seen this before?
Thanks
Scott
There are 10 types of people in the world, those who understand binary and those who dont.
|
|
|
|
|
It means that there is something wrong with the method and it returns an empty response instread of a proper SOAP message.
If there was an exception, the method should return information of the exception in a SOAP error message.
---
single minded; short sighted; long gone;
|
|
|
|
|
I tried to generate report in Excel from Grid View using this Code in a Button Click:
Response.Clear();
Response.AddHeader("content-isposition", "attachment;filename=FileName.xls");
Response.Charset = "";
Response.ContentType = "application/vnd.xls";
System.IO.StringWriter StringWriter = new System.IO.StringWriter();
System.Web.UI.HtmlTextWriter HtmlTextriter = new System.Web.UI.HtmlTextWriter(StringWriter);
GridView1.RenderControl(HtmlTextriter);
Response.Write(StringWriter.ToString());
Response.End();
But I get the error specifying:
System.Web.HttpException: Control 'ctl00_ContentPlaceHolder1_GridView1' of type 'GridView' must be placed inside a form tag with runat=server.
Can anyone help me to solve this problem
Regards,
LEE
|
|
|
|
|
use the below method to resolve this issue
public override void VerifyRenderingInServerForm(Control control)
{
}
|
|
|
|
|
Hi,
I'm having iframe in aspx page. iframe text will be edited and will stored in a data base using html.
How to do this? Give me any sample..
Thanks in advance
|
|
|
|
|
You can capture iframe body.innerHTML into a hidden field and submit to the server side script right?
|
|
|
|
|
good morning every body
i need to add to my website a visitor countor to know how many times my website has been accessed.
and i need to make a chating room
please someone could give me a code or a tutorial or a site i'll be greatefull
thanks in advance
|
|
|
|
|
|
hi,
I am showing a grid whose height & width varies with data.
in that grid I want only horizontal scroll bar not a vertical bar.
I was trying putting this grdview in a div.
But it showing both bars. How can I resolve this problem???
I am using following code::
<asp:gridview id="dgChart" runat="server" backcolor="White" onselectedindexchanged="dgChart_SelectedIndexChanged" width="1000px" bordercolor="#999999" borderstyle="None" borderwidth="1px" visible="False" gridlines="Vertical" cellpadding="3">
<footerstyle backcolor="#CCCCCC" forecolor="Black">
<rowstyle backcolor="#EEEEEE" forecolor="Black" horizontalalign="Left">
<selectedrowstyle backcolor="#008A8C" font-bold="True" forecolor="White">
<pagerstyle backcolor="#999999" forecolor="Black" horizontalalign="Center">
<headerstyle backcolor="#000084" font-bold="True" forecolor="White">
<alternatingrowstyle backcolor="Gainsboro">
If anyone have any clue plz give me..
hiiiiii
|
|
|
|
|
Most of your code is not showing. Use the "Ignore HTML" option when you are posting markup code in the forum.
---
single minded; short sighted; long gone;
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
