Jcrop a jquery plug-in, has anybody used it ? - ASP.NET Discussion Boards

Why the same Qs gain and again. It wont help at all.
Have a look

Cheers!!
Brij
Check my latest Article :Exploring ASP.NET Validators

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head><script type="text/javascript">
dg=document.getElementById;
</script type="text/javascript">
</head><body>
   <a href="http://www.codeproject.com">
      <img src="http://www.codeproject.com/favicon.ico" alt="img goes here" width="50px" height="50px"
          onmouseover="dg('displayImg').src=this.src;dg('displayCenter').style.visibility='visible'"
          onmouseout="dg('displayCenter').style.visibility='hidden'">
   </a>
   <a href="http://www.yahoo.com">
      <img src="http://www.yahoo.com/favicon.ico" alt="img goes here" width="50px" height="50px"
          onmouseover="dg('displayImg').src=this.src;dg('displayCenter').style.visibility='visible'"
          onmouseout="dg('displayCenter').style.visibility='hidden'">
   </a>
<div id='displayCenter' style="position:absolute;top:200px;left:200px;visibility:hidden;"><img src="" 

id='displayImg' width='300px' height='300px'></div>

</body></html>

modified on Monday, April 26, 2010 1:30 PM

Thanks for Code Project Team ........

This Logic Helps A Lot

developerit wrote:
Thanks for Code Project Team ........

Yes, very much so.

developerit wrote:
This Logic Helps A Lot

You are most welcome.

Hi charan,
Check this post for your issue if it is helpful.

http://www.opexsolution.com/forum/viewtopic.php?f=15&t=32

Hi,

I am using Filezilla Software for uploading web pages. Now I have domain name and their username and password. That uses by me and my friend. Now we want such method that any one changes these ftp username or password from hosting email will b send.

Is that possible through ASP.NET? If yes then How can I get the details?
Is there any other method for that?

Thanks
sjs

Although it is possible to get a notification when a password is changed it would need to be implemented by the hosting provide, not you.

I know the language. I've read a book. - _Madmatt

I try to use it.
I know how to set up, how to initialize,etc.
but I encountered a strange problem.
I can't drag the selection of the code of i writed in the html file.
In the another html file,I copy code from Jcrop's demo, the drag is ok.

the code of I writed and the code of copied are same, I checked several times.

And the resize box Of the Crop selection is not display.

the "Jcrop.css" is referenced right.

Very strange. Why?

Here is the code:

<br />
<HTML><br />
<HEAD><br />
<br />
<TITLE> New Document </TITLE><br />
<br />
    <br />
    <script type="text/javascript" src="js/jquery.min.js"></script><br />
    <script type="text/javascript" src="js/jquery.Jcrop.js"></script><br />
	<link type="text/css" href="css/jquery.Jcrop.css" /><br />
<br />
	<script type="text/javascript"><br />
        <br />
        jQuery(window).load(function() {<br />
           <br />
			var api = $.Jcrop('#cropbox', {<br />
				onChange: showPreview,<br />
				onSelect: showPreview,<br />
				<br />
<br />
				setSelect: [0, 0, 120, 120],<br />
				<br />
				aspectRatio: 1<br />
			});<br />
<br />
			<br />
			api.setOptions({ minSize: [40, 40], maxSize: [120, 120] });<br />
        });<br />
<br />
        function showPreview(coords) {<br />
<br />
            if (parseInt(coords.w) > 0) {<br />
                var rx = 100 / coords.w;<br />
                var ry = 100 / coords.h;<br />
                var realHeight = $("#cropbox").attr("height");<br />
<br />
                jQuery('#preview').css({<br />
                    width: Math.round(rx * 500) + 'px',<br />
                    height: Math.round(ry * realHeight) + 'px',<br />
                    marginLeft: '-' + Math.round(rx * coords.x) + 'px',<br />
                    marginTop: '-' + Math.round(ry * coords.y) + 'px'<br />
                });<br />
            }<br />
        <br />
<br />
        }<br />
<br />
		function initCut(){<br />
				//var api = $.Jcrop('#cropbox',{<br />
					//onChange: showPreview,<br />
					//onSelect: showPreview,<br />
					//init selection<br />
					//setSelect: [ 0, 0, 120, 120 ],<br />
					//Rate<br />
					//aspectRatio: 1<br />
				//});<br />
				<br />
				<br />
				//api.setOptions( {minSize: [ 40, 40],	maxSize: [ 120, 120]});alert("begin crop");<br />
<br />
				//api.setOptions({ allowResize: true });<br />
			}<br />
    </script><br />
</HEAD><br />
<br />
<BODY><br />
	<input id="btnBegin" type="button" value="Begin Crop" onclick="initCut();"/><br />
<br />
	<div class="article" style="border:thin #FF0000 solid;"><br />
        <br />
		<div style=" float:left;  border:thin; background-color:#FF0000;"><br />
            <img id="cropbox" src="images/jane.jpg" style=" width:500px;" /><br />
        </div><br />
<br />
        <div style=" width:120px; height:120px; overflow:hidden; float:left; margin-left:10px;"><br />
			<img id="preview" src="images/jane.jpg" /><br />
        </div><br />
            <br />
        <div style=" clear:both"></div><br />
    </div><br />
<br />
</BODY><br />
</HTML><br />

Following code works for me.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-1.4.2.js" > </script>
<script type="text/javascript" src="jquery.Jcrop.min.js"></script>
<link href="jquery.Jcrop.css" type="text/css" />
<link href="demos.css" type="text/css" />

</head>
<body>
<div id="outer">
<div class="jcExample">
<div class="article">

<h1>Jcrop - Aspect ratio lock w/ preview pane</h1>


<table>
<tr>
<td>
<img src="Water_lilies.jpg" id="cropbox" />
</td>
<td>
<div style="width:100px;height:100px;overflow:hidden;">
<img src="Water_lilies.jpg" id="preview" />
</div>

</td>
</tr>
</table>

</div>
</div>
</div>
</body>

<script type="text/javascript">

// Remember to invoke within jQuery(window).load(...)
// If you don't, Jcrop may not initialize properly
//alert("hi");

jQuery(window).load(function(){

jQuery('#cropbox').Jcrop({
onChange: showPreview,
onSelect: showPreview,
aspectRatio: 1
});

});

// Our simple event handler, called from onChange and onSelect
// event handlers, as per the Jcrop invocation above
function showPreview(coords)
{
if (parseInt(coords.w) > 0)
{
var rx = 100 / coords.w;
var ry = 100 / coords.h;

jQuery('#preview').css({
width: Math.round(rx * 500) + 'px',
height: Math.round(ry * 370) + 'px',
marginLeft: '-' + Math.round(rx * coords.x) + 'px',
marginTop: '-' + Math.round(ry * coords.y) + 'px'
});
}
}
</script>
</html>

I had followed your instruction and do some modification.

Hope this will help!

Jinal Desai

Hi,
I have a requirment which goes as follows:
"all email should uses a txt file template to allow Subject and Body to be specified outside the code"
Any help is appreciated,

Thanks,

Hi,

Please refer to the following links:

http://stackoverflow.com/questions/620265/can-i-set-up-html-email-templates-with-asp-net[^]

and

http://www.search-this.com/2009/02/05/aspnet-sending-email-both-in-html-and-plain-text/[^]

Regards,
Jamil

Thanks.

Create a TemplateManager Page which create templtes for body and Subjects of an email save it in to .txt format. You can do this using fckeditor control. Search google for this.
Then in Email Page for subject select a Template from Combo box and for body select a Template from body Combo.

This is the logic. If u need code just reply me...I hope this will help u.. Smile | :)

I inserted a table in my Web Site using visual studios. But the outline of the table is not shown when it is debugged. May i know how is it possible to make the outline appear? And also is it possible to change the bacground colour of the table and all?

If something this simple is giving you problems then you need to get a decent book to learn from. Its a basic of web page design (tip search for CSS). There are loads of books and tutorials available, just try google.

Bob
Ashfield Consultants Ltd

set border = 1
use the 'Style' property to set the background color

Check this post to know different ways of creating tables in asp.net website

http://opexsolution.com/forum/viewtopic.php?f=15&t=31

Tej Aj,
http://opexsolution.com/forum

<table id="tb" border="1" style="background-color:Red"><br />
  <tr><br />
  </tr><br />
</table>

Hi all,

I am trying to migrate classic ASP application to ASP.Net 2.0 or above.
While Googling I have found Asp to Aspnet migration Assistant which will migrate to 1.1 framework.
Is there any tool which will help me to directly migrate classic ASP application to framework 2.0 or above?
Or is it the process like
1) ASP to ASP.Net 1.1 using the 'ASP to ASP.NET Migration Assistant'
2)Then ASP.Net 1.1 to ASP.Net 2.0 or above using the Visual studio upgradation Wizard.

Kindly advice.

Regards,
Rijz

I think you need to rewrite your application. ASP classic is very very different from asp.net

Vuyiswa Maseko,

Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.

C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa@its.co.za
http://www.itsabacus.co.za/itsabacus/

Thanks Mr.Maseko for your suggestion.

Hi Rijz,

Please refer to the following links on how to migrate your application from asp to asp.net

http://www.15seconds.com/Issue/070816.htm[^]

and

http://www.asp101.com/articles/paolo/asp2aspnet/default.asp[^]

Regards,
Jamil

Take the help of the Migration Assistant to Migrate to framework 1.1
You can then change the property of the application to use .Net framework 2.0
Doing this will make features from .Net framework 2.0 available to you. You can then make changes in your code to use the new features wherever feasible.
I think this would the best way to migrate.
If it's a very big application, writing the whole application again, as suggested by other responder would not be feasible.
Hope it helps! Thumbs Up | :thumbsup:

..Go Green..

Thanks all for the suggestions

Hope you have decided the best way to do it. Thumbs Up | :thumbsup:

..Go Green..