Ich möchte diese Art von Funktionalität in meinem Projekt.JavaScript-Datei wird nicht in aspx geladen? ASP.NET C#
Hier ist the JS Bin link.
Es gibt 3 Dateien stylesheet.css
, javascript.js
und eine HTML-Datei.
Ich versuche in Visual Studio 2010 ASP.NET C#, aber es funktioniert nicht: Die Javascript-Datei ist nicht geladen.
ASPX Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="StyleSheet.css" type="text/css" />
<script type="text/javascript" src="JScript.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="editor" contenteditable="true"></div>
</form>
</body>
</html>
stylesheet.css:
body {
}
#editor {
width: 400px;
height: 100px;
padding: 10px;
background-color: #444;
color: white;
font-size: 14px;
font-family: monospace;
display:block;
}
.statement {
color: orange;
}
JScript.js:
$("#editor").on("keydown keyup", function (e) {
if (e.keyCode == 32) {
var text = $(this).text().replace(/[\s]+/g, " ").trim();
var word = text.split(" ");
var newHTML = "";
$.each(word, function (index, value) {
switch (value.toUpperCase()) {
case "SELECT":
case "FROM":
case "WHERE":
case "LIKE":
case "BETWEEN":
case "NOT LIKE":
case "FALSE":
case "NULL":
case "FROM":
case "TRUE":
case "NOT IN":
newHTML += "<span class='statement'>" + value + " </span>";
break;
default:
newHTML += "<span class='other'>" + value + " </span>";
}
});
$(this).html(newHTML);
//// Set cursor postion to end of text
var child = $(this).children();
var range = document.createRange();
var sel = window.getSelection();
range.setStart(child[child.length - 1], 1);
range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
$(this)[0].focus();
}
});
JScript.js
Datei funktioniert nicht. Keyword
Farbe ändert sich nicht, aber ich stellte den Link zur Verfügung, es funktioniert gut.
Wie kann ich dieses Problem beheben?
Haben Sie Konsole überprüft? Auch Ihre Skriptdatei verwendet '$', was bedeutet, dass diese Datei 'jQuery' oder Teilmengen benötigt. Laden Sie sie – Rajesh
Was meinst du mit der Datei wird nicht geladen? Ungültige Anforderung? Falsche URL (404)? Fehler in der Konsole? Ich kann nicht sehen, dass Sie "jQuery" laden, bevor Sie es verwenden ... – melancia
@Rajesh Wie kann ich in der Konsole einchecken? – Ashley