|
JavaScript - Still Looking For A Javascript Syntax Checker.
I badly need a Javascript syntax checker for my Javascript. Any suggestionss will be gratefully received.
Frank Similar TutorialsI have a js counter which keeps track of how many chars are in a field on an asp form. When the user clicks a button further down in the form, the form generates more fields. This also causes the js counter to reset to its original value, as the page is 'reloading' in a way. How can I check this value and keep it the same when the user clicks this button? I am including the code I have, if anyone has any ideas/suggestions thanks javascript Code: <asp:Content ID="Content1" ContentPlaceHolderID="headContent" runat="server">
<script type="text/javascript">
//limit of chars
var lim = 128;
function count(a) {
//difference count
var dif = lim - a.value.length;
while (dif < 0) {
a.value = a.value.replace(/.$/, '')
dif = lim - a.value.length;
}
//display difference count
document.getElementById('myspan').firstChild.data = dif;
}
</script>
counter in code Code: <asp:TextBox ID="txtHeadline" runat="server" Width="600px" MaxLength="128"
CssClass="VariableText" onkeyup="count(this)"></asp:TextBox>
</td>
<td valign="middle" width="160px">
<asp:Label ID="Label14" runat="server" Font-Bold="True" Font-Names="Tahoma" Font-Size="8pt"
Text="Characters Remaining: " Width="130px" CssClass="LABEL"
Height="16px"></asp:Label>
<span id="myspan" Font-Names="Tahoma" Font-Size="8pt">128</span>
button Code: <asp:Button ID="btnInitializeTemplate" runat="server" OnClick="btnInitializeTemplate_Click"
Text="Initialize Template" CssClass="LABEL" />
i have tried Code: <asp:Button ID="btnInitializeTemplate" runat="server" OnClientClick="return count(document.getElementById('txtHeadline'));" OnClick="btnInitializeTemplate_Click"
Text="Initialize Template" CssClass="LABEL" />
it compiles but the value remains reset. any advice on what im doing wrong? Hi, I have good script Code: <script type="text/javascript">
function chkcontrol(j) {
var total=0;
for(var i=0; i < document.form1.opt.length; i++){
if(document.form1.opt[i].checked){
total =total +1;}
if(total > 11){
alert("No more than 11 please")
document.form1.opt[j].checked = false ;
return false;
}
}
}
</script>
But this script works only If I have: <input type="checkbox" name="opt" value="1" onclick='chkcontrol(1)'>Opt 1 <input type="checkbox" name="opt" value="2" onclick='chkcontrol(2)'>Opt 2 I need to proces this form with PHP so, when I change opt to opt[] (<input type="checkbox" name="opt[]"..) script doesnt work anymore. Couldnt find any script for it, so help me if you can. Thank you I have used this script successfully: http://www.javascriptkit.com/script/...2/refer2.shtml However, is there a way to block the following work-around (example only): http://www.their-url.com/redir.php?u...ww.my-url.com/ The redir.php makes it possible to get past the script. I have a webpage that has "classes" that are dynamically populated. if a class is empty, or not populated, can I use JavaScript to hide the "class"? If so How? Sorry for such a noob question. Thanks in advance for any help Visitors enter information in textarea's and form fields and I wish to allow them to have this spell checked before submitting. What methods are open to me to do this. hi i want to create one java code that do this : 1-one counter is counting 20 to 0. 2-if counter 0 then choose random string between "click one" , "click two" , "click three" and show it. 3-in other table we have three button that name`s are "one" , "two" ,"three". 4-for continue page user must click true button,if user click false button alert "wrong". thx Hi, Im currently building my first website, I'm trying to use a JQuery Slider effect for a top banner, however I seem to be getting a syntax error after the javascript. Any ideas? Ive attached a screenshot of the code Thanks Simon Hi all, can anyone tell me why the connection string for the jscript doesn't work but vbscript does? I'm using IE7 only. ------------------------------------ Code Start ----------------------------- <html> <head> <title></title> <script language="vbscript"> Sub GetVBscriptData() Set oADOCon = CreateObject("ADODB.Connection") Set oRecSet = Createobject("ADODB.recordset") oADOCon.ConnectionString = "Provider=SQLOLEDB;Server=PIBDKM894\SQLEXPRESS;Database=SOEAudit;Uid=SOEAuditAdmin;Pwd=password" oADOCon.Open oRecSet.Open "SELECT * FROM Customers", oADOCon sList = "" Do Until oRecSet.EOF sList = sList & oRecSet("NewFirstName") & vbCrLf oRecSet.MoveNext Loop MsgBox sList End Sub </script> <script language="javascript"> function GetJScriptData() { var oADOCon = new ActiveXObject("ADODB.Connection"); var oRecSet = new ActiveXObject("ADODB.Recordset"); var ConnectionString = "Provider=SQLOLEDB;Server=PIBDKM894\SQLEXPRESS;Database=SOEAudit;Uid=SOEAuditAdmin;Pwd=password" ; oADOCon.Open(ConnectionString); oRecSet.Open("SELECT * FROM Customers",oADOCon); var sList = ""; while (!oRecSet.EOF){ sList = sList + oRecSet("NewFirstName"); oRecSet.MoveNext(); } alert(sList); } </script> </head> <body> <input type="button" onclick="GetVBscriptData()" value=" Get some data via vbscript"> <input type="button" onclick="GetJScriptData()" value=" Get some data via javascript"> </body> </html> ------------------------------------- Code End ------------------------------ The error I receive is: Message: [DBNETLIB][ConnectionOpen (Connect()).]SQL Server does not exist or access denied. Line: 26 (opening the javascript connection) I can only presume it's the syntax of the connection string. Any ideas how to alter the string to get it connecting? Thanks in advance, t-racer I am studying the javascript. I got following codes from json2.js but do not understand syntax of them. if (!this.JSON) { this.JSON = {}; } (function () { ... }()); For 2nd part, why there is () outsider function? and why these is () after function? Thanks a lot. Hello, I'm building a simple custom dropdown menu for a web-site so that I can control look and feel as well as the behavior of an iframe. I've set it up so that when the user clicks on any of the menu's active components, an "if" sequence in the clickHandler() function is activated that gets the element's class. If the event occurred on a dropdown option, the event-target id is checked, and the appropriate function is called. At least this is how it's supposed to work. All of the drop-down options have been assigned the "dmo" class. When I test the menu and click on other elements, it works fine. But when I click the "dmo" drop-down options, nothing happens. Firebug and IE Explorer Developer Tools both show no errors, but on clicking a dropdown option, the correlate code doesn't run at all, and after hours of head-banging, I have no idea why. I need help on this one. Here's the code. Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
BODY {
background:#000;
}
.DropMenu {
width:228px;
height:1.5em;
}
.DropMenu span {
color:#FFF;
font-size:0.875em;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
}
.DropMenuLabel {
float:left;
width:85px;
height:1.5em;
padding:0.2em 0 0 0;
text-indent:0.3em;
}
.DropMenuTopList {
width:130px;
float:left;
height:1.5em;
padding:0 0 0 0;
cursor:pointer;
}
.DropMenuTopList img {
padding:0.4em 0 0 0.3em;
cursor:pointer;
}
.DropMenu span {
color:#FFF;
font-size:.875em;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
vertical-align:center;
}
#dropMenuButton {
cursor:pointer;
}
#dropMenuOptions {
position:relative;
width:130px;
left:85px;
padding:0.2em 0 0 0;
visibility:hidden;
cursor:pointer;
}
.MenuList {
list-style-type:none;
top:0;
left:0;
width:100%;
margin:1.5em 0 0 0;
padding:0;
}
.MenuList li{
height:1.5em;
margin:0.2em 0 0 0;
padding:0;
width:100%;
background-color:#666;
border-color:#AAA;
border:0.5px solid;
text-indent:0.3em;
}
.dmo {
z-index:100;
}
</style>
<script type="text/javascript" language="javascript">
window.onload = function()
{
setBehavior();
}
function setBehavior()
{
/*
var downButton = document.getElementById('dropMenuButton')
downButton.onclick = new Function ( "showMenu()" );
*/
window.onclick = new Function ( "evt" , "clickHandler( evt )" );
}
function clickHandler( evt )
{
var dropMenu = document.getElementById('dropMenuOptions');
var e = evt;
var targ;
if (e.target) {targ = e.target}
else if (e.srcElement) {targ = e.srcElement}
var targClass = targ.getAttribute('class');
/* classnames
dmb - dropdown button - this should toggle the dropdown visibility on and off on click, and toggle visibility on over/out
dmo - option - once clicked, this should turn the dropdown visibility off
*/
var exclude = ("dmb" || "dmo")
if (targClass != exclude )
{
hideMenu()
}
else if (targClass == "dmb" )
{
if (dropMenu.style.visibility == "visible") { hideMenu() }
else showMenu();
}
else if (targClass == "dmo" )
{
if ( targ.id == "option1" ){ window.open(www.bing.com,"Bing") }
else if ( targ.id == "option2" ){ window.open(www.bing.com,"Bing") }
else if ( targ.id == "option3" ){ window.open(www.cuil.com,"Cuil") }
hideMenu();
}
}
function showMenu()
{
var dropMenu = document.getElementById('dropMenuOptions');
dropMenu.style.visibility= "visible";
}
function hideMenu()
{
var dropMenu = document.getElementById('dropMenuOptions');
dropMenu.style.visibility= "hidden";
}
</script>
</head>
<body>
<div id="customMenu" class="DropMenu">
<span>
<div class="DropMenuLabel">Options:</div>
<div class="DropMenuTopList dmb" id="dropMenuTopList">Temp Text
<img class="dmb" id="dropMenuButton" src="Assets/Buttons/DropMenuDownButton.png">
</img>
</div>
<div class="dmo DropMenuOptions" id="dropMenuOptions">
<ul id="menuList" class="dmo MenuList">
<li id="option1" class="dmo">Option1</li>
<li id="option2" class="dmo">Option2</li>
<li id="option3" class="dmo">Option3</li>
</ul>
</div>
</span>
</div>
</body>
</html>
I'm receiving the following errors: line 6 Expected an element name[xml] line 17 the input ended before all started tags were ended. last tag started was 'script'[xml] Code:
<script type="text/javascript">
var camp = xfa.resolveNodes("camp[*]");
var total = 0;
for (var i=0; i <= camp.length-1; i++) {
if (camp.item(i).isNull) {
total = total;
}
else {
total = total + 30;
}
}
this.rawValue = total;
</script>
I've got next to zero experience with javascript so not even sure what I should be looking to fix...any help is appreciated, if I need to answer something I missed, just let me know. favorite I'd like to modify a form on www.formsite.com (form builder app): username: testuser password: password I would like to use the nicedit.com's inline content editor's js to transform my textarea's into a richtext area. At present the nicedit editor works well in creating the richtextarea. However, the KEY point is that I would like formsite's form to pipe in the the created html and render it with the html component of formsite. Currently, the pipe function in formsite will only put out the html syntax in it's html module. action seen he http://fs8.formsite.com/testform/form1/index.html So this would be: 1. checking out my form on formsite.com 2. the script from nicedit.com is already installed in an html component. 3. changing or telling me the scripts/tags/or whatever for formsite form using formsites form builder (which allows some html/script editing). 4. changed so as to render the rich text entered on page 1 in page 2 instead of the html syntax. Any other solutions using formsite and any other richtextarea solutions would be great too! I'm a PHP guy and haven't used jQuery much. I have a script I found in a book and I am trying to get working and am having trouble. It's a drop down list. I am using it in place of an HTML select box, so I want to pass the value selected from the list along with the form in a hidden field. My question is how do I extract the value out of the JS function and get it into the hidden field? Code: $(document).ready(function() {
createDropDown();
$(".dropdown dt a").click(function(event) {
event.preventDefault();
var dropID = $(this).closest("dl").attr("id");
$("#" + dropID).find("ul").toggle();
});
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide();
});
$(".dropdown dd ul a").click(function() {
var dl = $(this).closest("dl");
var dropID = dl.attr("id");
var text = $(this).html();
var source = dl.prev();
$("#" + dropID + " dt a").html(text);
$("#" + dropID + " dd ul").hide();
source.val($(this).find("span.value").html())
});
});
function createDropDown() {
var selects = $("select.dropdown_value");
var idCounter = 1;
selects.each(function() {
var dropID = "dropdown_" + idCounter;
var source = $(this);
var selected = source.find("option[selected]");
var options = $("option", source);
source.after('<dl id="' + dropID + '" class="dropdown"></dl>');
$("#" + dropID).append('<dt><a href="#">' + selected.text() + '<span class="value">' + selected.val() + '</span></a></dt>');
$("#" + dropID).append('<dd><ul></ul></dd>');
options.each(function() {
$("#" + dropID + " dd ul").append('<li><a href="#">' + $(this).text() + '<span class="value">' + $(this).val() + '</span></a></li>');
});
idCounter++;
});
}
Hi all, I have some card/images and would like to have the first one displayed.Which i can do. Then when I mouse click on the card/image it goes to another image for say 2 secs, then with out clicking goes back to the orignal card. I have played with the syntax for ages and also looked on the net and cannot get it right. This is what I have so far. Code: <html> <head> <script> var back = new Image(); back.src = "back.gif";// preloads the image. var ace = new Image(); ace.src = "0.gif"; //Preload the Image var two = new Image(); two.src = "1.gif";// preloads the image. var three = new Image(); three.src = "2.gif";// preloads the image. var four = new Image(); four.src = "3.gif";// preloads the image. var five = new Image(); five.src = "4.gif";// preloads the image. </script> </head> <body> <img name="img0"> <img name="img1"> // what is this for? <script> document.images['img0'].src = back.src;//displays image /*How do I have one card diplayed then mouseclick on that one card and another card will display for 2 secs then the card will go back to original card. */ </script> </body> </html> Any ideas ? Thanks heaps Shayne On this page http://jimpix.co.uk/ecards/262-no-words.html I get this Javascript error in IE6: Code: Line: 5 Character: 1 Code: 0 Error Message: Syntax error URL: http://jimpix.co.uk/ecards/262-no-words.html I'm using the DebugBar add in for IE (http://www.debugbar.com/) The error message in DebugBar is this: http://jimpix.co.uk/junk/error.png And the view-source of the page is he http://jimpix.co.uk/junk/source-code.png I don't get the error in Firefox 3 or IE7. I can't work out how to fix it. Any advice would be much appreciated. Thanks! I just found this forum! I'm glad because I wanted to ask some javascript questions before. There was a question at work before at why one would use the following: if (a=='1') ... or if ('1'==a) ... Is there any kind of advantage of using one of the other? Thanks for any response! Code: <html>
<head>
<style>
.errorWrapper {padding:0; margin:0; list-style-type:none; position:relative;}
.errorBox {padding:5px; position:absolute; left:100px; top:100px; background-color:#BADA55;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
box-shadow:2px 2px 2px #808080; -moz-box-shadow:2px 2px 2px #808080; -webkit-box-shadow:2px 2px 2px #808080;}
li.errorBox {display:none;}
</style>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<a href="#" onClick="show('test')">test</a>
<ul class="errorWrapper">
<li id="test" class="errorBox">This should remain hidden until the link is clicked. Lorem ispum dolor sit amet. Placetne tibi? Mihi placet.</li>
</ul>
</body>
<!-- Contents of test.js -->
<!-- function show(boxName) {alert(boxName); document.getElementByID(boxName).style.display="block";} -->
</html>
wtf is wrong with this? I'm brand spanking new to js, so I don't even know how to begin to troubleshoot this. As far as syntax goes I haven't seen any glaring errors, which leads me to believe I'm trying to do something illegal? The alert box shows up, and the boxName variable contains the correct contents (the ID of the element I want to show), so I dunno what the problem is... Quick reproduction of the problem above. Code: out += (out ? rogueArray[14] : rogueArray[13]) + arrayItem + ((vanWilder[arrayItem] !== null) ? = + encodeURIComponent(vanWilder[arrayItem]) : rogueArray[13]); There is supposedly a syntax error here on the line up until [arrayItem in Dreamweaver. Any help? Can someone explain to me the differences between the following code snippets? Mainly i don't understand the purpose of using prototype and not sure if there is a functional difference between the syntax of declaring functions. Code: var myObj = function () {
this._myInt = 1;
}
myObj.prototype = {
myNewFunction: function() {
this._myInt = 2;
}
}
VERSUS Code: var myObj = function () {
this._myInt = 1;
function myNewFunction(){
this._myInt = 2;
}
}
I'm learning to program, and am having some issues with the syntax of my "if" statement. I've looked online but still can't get it to work. Here's the code: Code: function checks(){
if(document.myform.checkbox.checked == true){
window.open("http://www.espn.html", "mywindow");
}
else{
document.write("hello world");
}
}
//document.write("hello world");}
I know the function is being called properly because when I hit "submit" on the form the document.write("hello world"); statement prints on a new page. But for some reason when I call the function and that part is commented out, nothing happens. Any idea what I'm doing wrong? I tried looking online but can't figure anything out. Thanks in advance. |
|||||||