Problema Jcrop Pues veran estoy tratando de codificar mi pagina para realizar un cropping en la parte de una imagen misma la cual el usuario selecciona la imagen y se realiza el cropping en la pagina, el problema lo tengo al usar la libreria del JCROP
ya que esta la habia utilizado en un Aspx previamente y todo el funcionamiento era correcto, ahora se me presenta el problema en otra pagina distinta llamada index.aspx misma la cual le he configurado los mismos recursos y las librerias necesarias para el funcionamiento de JCROP pero al correr el firebug y lanzar la funcion pareciera ser que Jquery no detecta a Jcrop o viceversa.
Este es el error generado en el Firebug
Código HTML:
TypeError: $(...).Jcrop is not a function
$("#image").Jcrop();
Código:
No se si existira algun conflicto de librerias ya que en mi otra pagina todo funciona excelente<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Assembly="Infragistics4.Web.v11.1, Version=11.1.20111.2238, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.GridControls" TagPrefix="ig" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%-- Estilo Webdatagrid--%>
<link href="ig_res/Default/ig_dataGrid.css" rel="stylesheet" />
<%-- Scripts Librerias de Jquery--%>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<%-- Scripts Librerias GoogleMaps--%>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<%-- Scripts Librerias Play And Stop GoogleMaps--%>
<script src="ScriptsGoogle/v3_epoly.js"></script>
<script src="js/excanvas.js"></script>
<%-- Scripts Librerias Display--%>
<script src="js/segment-display.js"></script>
<%-- Scripts Progress--%>
<script src="ScriptsProgress/RGraph.common.core.js"></script>
<script src="ScriptsProgress/RGraph.common.effects.js"></script>
<script src="ScriptsProgress/RGraph.hprogress.js"></script>
<%-- Scripts CheckBox IButtom--%>
<link href="ibutton/style.css" rel="stylesheet" type="text/css" />
<script src="ibutton/iphone-style-checkboxes.js"></script>
<title>Evertrack Work Environment</title>
<!--[if lt IE 7]>
<![endif]-->
<link rel="stylesheet" href="pegaso/assets/css/reset.css" />
<link rel="stylesheet" href="pegaso/assets/css/desktop.css" />
<link rel="stylesheet" type="text/css" href="pegaso/assets/css/datepicker.css" />
<!--[if lt IE 9]>
<![endif]-->
<script src="js/jquery.Jcrop.min.js"></script>
<script src="js/jquery.Jcrop.js"></script>
<script type="text/javascript">
var jcrop_api;
function CargaJcrop() {
jcrop_api = $('#ImageInfo').Jcrop({
onSelect: updateCoordsDevices,
minSize: [128, 128],
setSelect: [0, 0, 182, 138],
allowResize: true,
allowSelect: false,
aspectRatio: 1
});
}
function updateCoordsDevices(c) {
$('#X').val(c.x);
$('#Y').val(c.y);
$('#W').val(c.w);
$('#H').val(c.h);
};
</script>
y estas son las librerias cargadas
Código:
Me pregunto a que se debera el que no funcione la libreria<%@ Page Language="C#" AutoEventWireup="true" CodeFile="User.aspx.cs" Inherits="Test" %>
<%@ Register Assembly="FUA" Namespace="Subgurim.Controles" TagPrefix="cc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Assembly="Infragistics4.Web.v11.1" Namespace="Infragistics.Web.UI.GridControls" TagPrefix="ig" %>
<%@ Register Assembly="Infragistics4.Web.v11.1, Version=11.1.20111.2238, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.GridControls" TagPrefix="ig" %>
<%@ Register TagPrefix="ajaxToolkit" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit, Version=4.1.60919.0, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--[if lt IE 7]>
<![endif]-->
<link rel="stylesheet" href="pegaso/assets/css/reset.css" />
<link rel="stylesheet" href="pegaso/assets/css/desktop.css" />
<link rel="stylesheet" type="text/css" href="pegaso/assets/css/datepicker.css" />
<link href="css/jquery.Jcrop.css" rel="stylesheet" />
<!--[if lt IE 9]>
<![endif]-->
<%-- Estlo de WebDatagrid--%>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="ScriptsGoogle/javascript.util.js"></script>
<script src="ScriptsGoogle/jsts.js"></script>
<%-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>--%>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&&libraries=drawing"></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"></script>
<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/trunk/ProjectedOverlay.js"></script>
<%--<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>--%>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="js/jquery.colourPicker.js"></script>
<script type="text/javascript" src="js/jquery.Jcrop.js"></script>
<script type="text/javascript" src="js/jquery.numeric.js"></script>
<link href="ig_res/Default/ig_dataGrid.css" rel="stylesheet" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<%-- <script type="text/javascript" src="js/jquery-1.9.1.js"></script>--%>
<link rel="stylesheet" href="css/custom-theme/jquery-ui-1.10.3.custom.css">
<link rel="stylesheet" type="text/css" href="css/jquery.colourPicker.css">
<script src="Scripts/markerwithlabel.js"></script>
<script type="text/javascript">
</head>
Saludos y agradeciendo su respuesta
-
Marko!
