|
JavaScript - Merging 4 .aspx Tasks Into One .aspx Task. {view+add+update+delete Record}
-Please delete-
will make another thread with simpler explanation. Similar TutorialsHi, I have some javascript that I am using to get information from a SharePoint Site Options table (name and value) and I am adding this to my sharepoint sites (headers, title bar etc.). the javascript code in the heading of the document is as follows: Code: <script language="'javascript'" type="text/javascript">
//wait until client object model dependencies are loaded before executing our code
ExecuteOrDelayUntilScriptLoaded(getWebProperties, "sp.js");
var webProperties;
function getvalue(value)
{
return webProperties.get_item((value));
}
function getWebProperties()
{
var clientContext = new SP.ClientContext.get_current();
webProperties = clientContext.get_web().get_allProperties();
clientContext.load(webProperties);
clientContext.executeQueryAsync(Function.createDelegate(this, this.getWebPropertiesSucceeded),
Function.createDelegate(this, this.onQueryFailed));
}
function getWebPropertiesSucceeded() {
var allProps = webProperties.get_fieldValues();
document.getElementById('lblName').innerHTML= webProperties.get_item('ProjectName');
document.getElementById('link').innerHTML= webProperties.get_item('siteURL');
var customProp = "";
//make sure the property is there before using it.
if(webProperties.get_fieldValues().CustomSite_Version != undefined)
{
var customProp = webProperties.get_fieldValues().CustomSite_Version;
}
}
function onQueryFailed(args, sender)
{
//handle errors here
}
</script>
Could it be because I am trying to call two sets of values in a row? I have the following lines: Code: document.getElementById('lblName').innerHTML= webProperties.get_item('ProjectName');
document.getElementById('link').innerHTML= webProperties.get_item('siteURL');
and maybe it is because I am trying to get more than one set of information? now in the aspx part of the document, I want to call one of the variables in a couple of places and I am using this: Code: <div id="lblName"></div> It works great in the first instance but when I try to use it again, it doesn't show up and I don't know why. If I delete the first one, it shows up in the second location. does anyone who is a programmer see where I may be going wrong? Our SharePoint programmer quit and I am now in the frying pan so to speak. thanks all. Hi, I have an .aspx page which the author claims to be an RSS feed (http://gcn.com/rss-feeds/state-local.aspx). It is simply a list of links with a description for each. I am trying to embed these links into an RSS feed on my own page. I am using code from http://www.mioplanet.com/rsc/newsticker_javascript.htm to create the scrolling ticker. Do I need to do something to convert the .aspx page to an RSS feed? Please help. Thanks. hello everyone im coding a website at the moment using aspx and i have came to a snag. im trying to make a dropdown list which is populated by an array call my chaletDetails.aspx page - each item in the array will be directed to this page. ive diffled abit, but the more i do the more im afraid of breaking something lol. if someone could maybe look at the code and show me how this could be achieved id appriciate it very much. The code i have for my dropdown list is as follows... this is in divResorts.js var resorts = new Array("Adelboden", "Auron", "Oppdal", "Las Lenas", "La Pierre St Martin", "Val Ceneis", "Les Menuires", "Champex-Lac", "Puy St Vincent"); function populateSelectList() { var mystring = document.getElementById('divResort').innerHTML mystring += "<h4>Our Resorts</h4><select name='resorts'>" mystring += "<option>Choose a Resort</option>" for (i = 0; i < resorts.length; i++) { mystring += "<option value='" + resorts[i] + "'>" mystring += resorts[i] + "</option>" } mystring += "</select>" mystring += "<h4>Our Chalets</h4>" document.getElementById('divResort').innerHTML = mystring } within the body i have this called as: <div id="divResort"> <script type="text/javascript">populateSelectList();</script> </div> Greetings: On the click of a button, how would I delete a certain record in a database table, w/o refreshing the page? I am new to JS and don't even know where to start. Thanks in advance. I'm trying to create a button where I can click on it and it changes the colour of text. When I click the same button again, it will change the text to another colour. It would be helpful if someone could show me how to do it please.
The title says it all really. An example of the cufon breaking is when I add a product to my cart, example here http://joemeetsjoy.com/products When you click buy now then click ok on the pop up box the cufon breaks. It also happens if you go the the shopping cart and choose a shipping option. Any ideas why this happens. Thanks Hi there, I'm looking to create something similar to the online javascript terminal located at http://cb.vu I don't know very much about it so I guessed I'd post here and hope to find someone who knows what they're doing. Thanks! Can someone tell me the best way to merge two css files? Just getting started and would love the help. Learning a lot googling, but would also like some guidance.
I'v been working for quite some time trying to merge this javascript. I'm new to it, so it ended not working. Please help! here text code http://cursed-dragon.eu/test/lenta_2.txt here php page http://cursed-dragon.eu/test/lenta_2.php I need to do this to work when pressed on Funkcija-startas. And function merging starts where //function bandom() is written.. Below are 2 JS functions I currently use on a site but as it is if the checkbox (1st function) is not ticked & the submit button is clicked the alert box shows but the progress image (2nd function) also shows, I was wondering if it is possible to merge these 2 together so that the progress image will only show if all criterias are filled ie the checkbox is ticked... and if so how it can be done or should I say can you post the code as I have no idea about JS these are just 2 snippets I found Code: function validate(form) {
if(!document.theform.terms.checked){alert("Please read our terms and check the box");
return false; }
return true;
}
Code: function loadSubmit() {
var ProgressImage = document.getElementById('progress_image');
document.getElementById("progress").style.visibility = "visible";
setTimeout(function(){ProgressImage.src = ProgressImage.src},100);
return true;
}
If it helps or relevant ... The form: Code: <form action="xxx.php" method="post" name="theform" onsubmit="return validate(this)"> The progress bar/image: Code: <input name="submit" type="submit" value="submit" class="contSubmit" id="btn" onclick="return loadSubmit()"> <p style="visibility:hidden;" id="progress"/><img id="progress_image" src="images/image.gif" alt=""><br />In Progress ...<p> Thank you in advance for any help Hey I am having trouble getting my javascript code to work. It seems to not register the event or even carry out the code. I have attached my code. index.php 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" />
<link rel="stylesheet" href="StyleSheet.css" type="text/css" />
<script type="text/javascript" src="register.js"></script>
<title>CollegeStop.com - Your stop for used college books!</title>
</head>
<body>
<div class="wrapper">
<div class="logo">Logo goes Here</div>
<div class="login_bar">
<form action="" method="post">
<table>
<tr>
<td>Email:</td>
<td><input type="text" name="email"></td>
<td>Password:</td>
<td><input type="password" name="password"></td>
<td><input type="submit" name="login" value="Login"/></td>
</tr>
</table>
</form>
<p>Not yet a member? <a href="index.php">Register</p>
</div>
<div class="nav_bar">
<ul class="menu">
<li class="home"><a href="index.php">Home</a></li>
<li class="browse"><a href="browse.php">Browse</a></li>
<li class="contact"><a href="contact.php">Contact</a></li>
</div>
<div class="content_container">
<div id="recent">
<p>box of recent additions to the site</p>
</div>
<div id="about_us">
<p>Hi and welcome to CollegeStop.com. This is a site dedicated to hopefully getting you a bit of a return
on the money you spent on books.</p>
</div>
<div id="registration">
<h5>Your password must be atleast six characters in length. Please enter a valid email as
it will be our method to ensure you get an account!</h5>
<form id="registration_form" action="" method="post">
<table>
<tr>
<td>First Name:</td>
<td><input type="text" id="firstName" name="first_name"/></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input type="text" id="lastName" name="last_name"/></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" id="intEmail" name="email_first"/></td>
</tr>
<tr>
<td>Retype Email:</td>
<td><input type="text" id="secEmail" name="email_second"/></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" id="intPass" name="pass_first"/></td>
</tr>
<tr>
<td>Retype Password:</td>
<td><input type="password" id="secPass" name="pass_second"/></td>
</tr>
<tr>
<td><input type="submit" value="Register"/></td>
<td><input type="reset" value="Clear Form"/></td>
</tr>
</table>
</form>
<script type="text/javascript" src="registerR.js">
</script>
</div>
</div>
</div>
</div>
<div class="footer"><p>2012 © Hassan Said</p></div>
</body>
</html>
register.js Code: function checkReg(){
var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var intEmail = document.getElementById("intEmail");
var secEmail = document.getElementById("secEmail");
var intPassw = document.getElementById("intPass");
var secPassw = document.getElementById("secPass");
if((firstName == "")||(lastName == "")||(intEmail == "")||(secEmail == "")||
(intPassw == "")||(secPassw =="")){
alert("Please fill in all fields!");
firstName.focus();
return false;
}
}
registerR.js Code: document.getElementById("registration_form").onsubmit = checkRegister;
This is urgent needs to be done by sunday. Table must be generated dynamically, depending on the number of columns and rows that the user enters. Table is filled with numbers, starting from the bottom-right corner, and then sequentially in a circle, in clockwise, until all fields are filled. Note: technology that is certified as HTML, CSS, JavaScript, jQuery, AngularJS. The interface should be crossbrowser compatible (IE8 +, Chrome, Firefox, Opera, Safari). When should be optimized and user interface tidy and generally correspond to the sketch. Reply With Quote 01-23-2015, 07:36 PM #2 Philip M View Profile View Forum Posts Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts Wth 234 posts you should know very well that this forum is not a free coding service. As a general rule, the people helping out in this forum don't write code for others (especially code that appears to be for homework), but try to help with fixing code that doesn't work. You may perhaps get someone to write this script for you, but you'll be far more likely to get help if you have made a substantial effort and written some code yourself. Then someone here will almost certainly help you correct/improve your work. Why have you left starting your assignment so late? The outlook for your future employment appears doubtful, to say the least. HI , IF there is error in JS then in FF i can see in console window using firebug But i am noe getting script error in IE but i am not able to find where the error is. Is says object required line 499 now i don't understand which script is IE talking about . Is there any way to find error in IE In a webpage I am developing I need to change the presentation depending on user selection. At the moment this code is huge and not very maintainable. The first purpose was to have a working code, now I would like to make it more maintainable. Below is a main part of the problem; Code: function myFunction(type)
{
if (type.value == "1")
{
var form1 = document.getElementById("OrderForm1");
form1.style.display = "block";
var form2 = document.getElementById("OrderForm2");
form2.style.display = "none";
var form3 = document.getElementById("OrderForm3");
form3.style.display = "none";
}
else if (type.value == "2")
{
var form1 = document.getElementById("OrderForm1");
form1.style.display = "none";
var form2 = document.getElementById("OrderForm2");
form2.style.display = "block";
var form3 = document.getElementById("OrderForm3");
form3.style.display = "none";
}
else if (type.value == "3")
{
var form1 = document.getElementById("OrderForm1");
form1.style.display = "none";
var form2 = document.getElementById("OrderForm2");
form2.style.display = "none";
var form3 = document.getElementById("OrderForm3");
form3.style.display = "block";
}
}
<div id="OrderForm" style="display: block;">
<div id="OrderForm1" style="display: none;">
<FORM METHOD="POST"></FORM>
</div>
<div id="OrderForm2" style="display: none;">
<FORM METHOD="POST"></FORM>
</div>
<div id="OrderForm3" style="display: none;">
<FORM METHOD="POST"></FORM>
</div>
</div>
Basically the myFunction will be called based on user input. This input will show one section of html code and hide other sections of html code. So if input is "1", then OrderForm1 shall be shown and OrderForm2 and OrderForm3 must be hidden. if input is "2", the OrderForm2 shall be shown and OrderForm1 and OrderForm3 must be hidden etc. By adding more forms to show and hide, this code is growing massively. I would like to add some kind of for loop function to this but I am not sure how to loop through the various section names (OrderForm1, OrderForm2 and OrderForm3) and set the appropriate value. Appreciate any help Hi Sorry if the title is a bit vague. I have a single page with fixed background and <A name=section> / #section type menu also have a margin-bottom: 1000px; so content isnt visible until the link in menu is pressed I am using the smooth pack javascript so it scrolls rather than jumps straight to the #section content what I want to do is have the content invisible until it reaches the fixed background is it possible to have content invisible until it scrolls into a div, i'm sure it is the fixed background is about 800x500 and black all round so the text is visible, I could alter to have any text black but at the moment its blue and white What is the code to stop people from viewing your source. Such as this site: http://bad-behavior.com (View The Source of That Site) I've searched the forums, and all I got was a bunch of "nothing can protect your source" I don't care about all of that. I want the code because: 1. Most people don't know how to view a source after it has been blocked 2. I think it's cool If there is no street view available for a specific long and lat on google maps, is there a way to display some kind of message instead of the grey box which google shows? I cant find anything in the API?
Basic steps: A user loads the web page Wants to view a post by clicking Read more... A message box appears "Subscribe to view the article" Quote: If the user is subscribed, they view without any message boxes, links or redirects. What is the best practice to allow a user to view an entire post by clicking a Read more... only after subscribing? My goal is to have one big picture center with 4 smaller pictures to the left that you click on and is target to the center. When you click on the center it will zoom. I haven't worked on it in a few years and not able to find the person who wrote the code. I added the zoom coding to the picture switch. The zoom works fine but when you click the smaller images the image is not viewable. Coding in the head Code: <!--Image Viewer-->
<script language="javascript" type="text/javascript">
<!--
function canManipulateImages() {
if (document.images)
return true;
else
return false;
}
// loadPosterImage
function loadPosterImage(imageURL) {
if (gImageCapableBrowser) {
document.imagePoster.src = imageURL;
return false;
}
else {
return true;
}
}
gImageCapableBrowser = canManipulateImages();
// -->
</script>
<!--End Image Viewer-->
<!--Picture Zoom-->
<script>
// C.2004 by CodeLifter.com
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
<!--End Picture Zoom-->
The body code Code: <!--Picture #4-->
<tr>
<td><A href="F:\mamies\santa_pic\purple_bottom.gif"
onClick="return(loadPosterImage('F:\mamies\santa_pic\purple_bottom.gif'))">
<img src="F:\mamies\santa_pic\purple_bottom.gif"
border=1 align=center width=56 height=75></A>
</td>
</tr>
</table>
<table align="center" border="1" cellspacing="0" cellpadding="5" height="10" bgcolor="#002152" bordercolor="#980008">
<tr>
<!--Image Zoom-->
<td><img name="imagePoster" src="F:\mamies\santa_pic\purple_front.gif"
border="0"
width="354"
height="502"
onclick="zoomToggle('354px','502px','708px','1004px',this);">
<!--End Image Zoom-->
Thanks for your help Charlene How do I hide my javascript from html page (from view source on right click)?
|
|||||||