个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
这是我的代码，我使用它使用 javascript 中的 C# 代码将输入(框)“纬度”和“经度”中的数据写入数据库。
我想要的是每当按下按钮时就会插入数据。该代码仅在初始化时插入一次数据。 ButtonClick 上没有任何效果发生。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Markers.WebForm1" %>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#google_map {width: 550px; height: 450px;margin-top:50px;margin-left:auto;margin-right:auto;}
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?v=3.exp">
</script>
<script type="text/javascript">
var mapCenter = new google.maps.LatLng(33.650077, 73.034054); //Google map Coordinates
var map
var marker
var marker1
function initialize() //function initializes Google map
{
var googleMapOptions =
{
center: mapCenter, // map center
zoom: 15, //zoom level, 0 = earth view to higher value
panControl: true, //enable pan Control
zoomControl: true, //enable zoom control
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL //zoom control size
},
scaleControl: true, // enable scale control
mapTypeId: google.maps.MapTypeId.ROADMAP // google map type
};
map = new google.maps.Map(document.getElementById("google_map"), googleMapOptions);
marker = new google.maps.Marker({
position: mapCenter,
map: map,
draggable: true,
animation: google.maps.Animation.DROP,
title: "This a new marker!",
icon: "http://maps.google.com/mapfiles/ms/micons/blue.png"
});
marker1 = new google.maps.Marker({
position: mapCenter,
map: map,
draggable: true,
animation: google.maps.Animation.DROP,
title: "This a new marker!",
icon: "http://maps.google.com/mapfiles/ms/micons/blue.png"
});
google.maps.event.addListener(marker, 'dragend', function (evt) {
document.getElementById('latitude').value = evt.latLng.lat();
document.getElementById('longitude').value = evt.latLng.lng();
});
google.maps.event.addListener(marker1, 'dragend', function (evt) {
document.getElementById('latitude1').value = evt.latLng.lat();
document.getElementById('longitude1').value = evt.latLng.lng();
});
}
function addMyMarker() { //function that will add markers on button click
<% Markers.DataClasses1DataContext db = new Markers.DataClasses1DataContext();%>
<% Markers.LocationDataPacket l = new Markers.LocationDataPacket(); %>
<% l.cellPhoneGPSData = 1; %>
<% DateTime dt = DateTime.Now ; %>
<% l.Lat = Convert.ToDouble(latitude.Value.ToString());%>
<% l.time = dt; %>
<% l.Long = Convert.ToDouble(longitude.Value.ToString()); %>
<% db.LocationDataPackets.InsertOnSubmit(l); %>
<% save(db); %>
}
</script>
</head>
<body onLoad="initialize()">
<div id="google_map" ></div><button id="drop" onClick="addMyMarker()">Drop Markers</button>
<input id="latitude" runat="server" value="3.33" />
<input id="longitude" type="text" runat="server" value="3.33" />
<input id="latitude1" type="text" value="3.33"/>
<input id="longitude1" type="text" value="3.33"/>
</body>
</html>
我没有 JavaScript 编码经验。任何帮助将不胜感激。
最佳答案
JavaScript 运行客户端，不能将 C#“嵌入”其中，为此，我会将 C# 代码移动到其自己的页面，并使用 AJAX 向服务器发送/接收数据，并相应地执行 C# 代码
关于javascript - 通过javascript将Input(box)中的数据添加到sql db，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27251690/
25
4
0
我有两个文本输入元素 A 和 B。 我希望用户能够从 A 中选择部分或全部文本并拖动到 B，但文本不会从 A 中消失。 假设“A”包含“quick brown fox”，用户突出显示“fox”一词并将
我正在一个网站上工作，如果在提交表单之前数字不在最小值和最大值之间，我希望数字输入能够自行更正。我的代码如下: HTML: JavaScript: function CorrectOverUnder
在检查输入值是否存在并将其分配给变量时，我看到了两种实现此目的的方法: if(Input::has('id')) { $id = Input::get('id'); // do som
我意识到 有一个 border-box盒子模型，而有一个 content-box盒子模型。此行为存在于 IE8 和 FF 中。不幸的是，这使我无法将这种样式应用于大小均匀的输入: input, tex
在 Polymer 文档 ( https://elements.polymer-project.org/elements/iron-input ) 中，我发现: 而在另一个官方文档(https://
我使用 jquery 添加/删除输入 我使用append为日期/收入添加多个Tr 我还使用另一个附加来添加多个 td 以获取同一日期 Tr 中的收入 我添加多个日期输入，并在此表中添加多个收入输入 我
Python3 的 input() 似乎在两次调用 input() 之间采用旧的 std 输入。有没有办法忽略旧输入，只接受新输入(在 input() 被调用之后)？ import time a =
在一些教程中，我看到了这些选择器: $(':input'); 或 $('input'); 注意“:”。 有什么不同吗？ 最佳答案 $('input') = 仅包含元素名称，仅选择 HTML 元素。 $
我有下一个 html 表单: Nombre: El nombre es obligatorio. Solo se pe
有两种方法可以在组件上定义输入: @Component({ inputs: ['displayEntriesCount'], ... }) export class MyTable i
input: dynamic input is missing dimensions in profile onnx2trt代码报错： import numpy as np import tensor
所以，我有允许两个输入的代码: a, b = input("Enter a command: ").split() if(a == 'hello'): print("Hi") elif(a =
我有一个与用户交流的程序。我正在使用 input() 从用户那里获取数据，但是，我想告诉用户，例如，如果用户输入脏话，我想打印 You are swearing!立即删除它! 而 用户正在输入。 如您
我在运行 J2ME 应用程序时遇到了一些严重的内存问题。 所以我建立了另一个步骤来清除巨大的输入字符串并处理它的数据并清除它。但直到我设置 input = null 而不是 input = "" 才解
我想在我的 android 虚拟设备中同时启用软输入和硬键盘。我知道如何两者兼得，但不会两者。 同时想要BOTH的原因: 软输入:预览当键盘缩小屏幕时布局如何调整大小 硬键盘:显然是快速输入。 提前致
我有一个邮政编码字段，在 keyup 上我执行了一个 ajax 调用。如果没有可用的邮政编码，那么我想添加类“input-invalid”。但问题是，在我单击输入字段的外部 某处之前，红色边框验证不会
根据我的理解使用 @Input() name: string; 并在组件装饰器中使用输入数组，如下所示 @Component({ ... inputs:
我有一段代码是这样的 @Component({ selector: 'control-messages', inputs: ['controlName: control'],
在@component中， @input 和@output 属性代表什么以及它们的用途是什么？ 什么是指令，为什么我们必须把指令放在下面的结构中？ directives:[CORE_DIRECTIVE
有没有一种方法可以测试变量是否会使SAS中的INPUT转换过程失败？或者，是否可以避免生成的“NOTE:无效参数”消息？ data _null_; format test2 date9.; inp
我是一名优秀的程序员,十分优秀！