|
JavaScript - Help: Created Visio Web Page And Need To Change Some Javascript
Good Morning people,
here is my problem, I have seen Java before but never really understood it, I have created a drawing from visio 2010 and published it as a web page that creates java scripts etc, the idea of the drawing is to be a "computer locator" the 2 problems that I have is that I want the shape to change color when located (hightlighted) and the second part is to disabe ctrl+click to access the hyperling that runs the command (which might be a IE8 thing not java??) here is the script I think I need to change to highlight the shape Code: function FindOnClick()
{
var count, indexOfString;
var fieldsToSearchArray = new Array();
if (parent.xmlData != null && document.theForm[strProps + strChkBox].checked)
{
for( count=0; count < document.theForm.length; count++ )
{
indexOfString = document.theForm[count].name.indexOf(strPropChkBox);
if( -1 != indexOfString && document.theForm[count].checked )
{
fieldsToSearchArray[ fieldsToSearchArray.length ] = document.theForm[count].name.slice(0, indexOfString);
}
}
}
var searchTokensArray = CreateSearchTokens (document.theForm.findString.value);
if (searchTokensArray.length > 0)
{
var findArray = Find(searchTokensArray, fieldsToSearchArray);
var ArrayLength = findArray.length;
var strResultsHTML = "No matches found.";
var lastPageID = null;
var shapeID;
if(ArrayLength > 0)
{
strResultsHTML = strResults + ' <b>'+ parent.HTMLEscape(document.theForm.findString.value) +'</b>';
for ( count = 0; count < ArrayLength; count++)
{
if( lastPageID != findArray[count].PageID )
{
lastPageID = findArray[count].PageID;
}
shapeID = findArray[count].ShapeID;
strResultsHTML += '<p class="results"><a href="javascript:populateSearchResultDetails(\'results_'+ lastPageID +'_'+ shapeID +'\', '+ lastPageID +','+ shapeID +'); TogglePlus(\'results_' + lastPageID + '_' + shapeID + '\',\'img_' + lastPageID + '_' + shapeID + '\', hideResults)"><img src="plus.gif" style="padding-left:13px" alt="Barrie Changed this" width="13" height="9" border="0" id="img_'+ lastPageID +'_'+ shapeID +'"></a>\n'
strResultsHTML += '<a class="blu1" href="JavaScript:FindQuerySelect(';
strResultsHTML += findArray[count].PageID + ",";
strResultsHTML += findArray[count].ShapeID + ",";
strResultsHTML += findArray[count].PinX + ",";
strResultsHTML += findArray[count].PinY;
strResultsHTML += ')">'+ findArray[count].Title +'</a></p>\n'
strResultsHTML += '</div>\n';
strResultsHTML += '<div class="indent" id="results_'+ lastPageID +'_'+ shapeID +'" style="display:none;width:90%;"></div>\n'
}
}
var divAdvSrch = document.getElementById("hideAdvSrch");
var imgAS0 = document.getElementById("as0");
var tmpObj = document.getElementById("hideResults");
if( tmpObj != null )
{
tmpObj.innerHTML = strResultsHTML;
tmpObj.open = "true";
tmpObj.style.display = "block";
any help would be very much appricated __________________ Barrie Willyouhelpmefixmykeyboard?Thespacebarisbroken! Similar TutorialsHello, I'm having a strange problem. I have a visio diagram displayed on a Sharepoint 2010 page. It's a chart, and each item within it links to a relevant item in a Sharepoint list, displayed in a modal window using a bit of JavaScript. The problem is it works in everything but Internet Explorer! Could anyone help? IE doesn't display any errors. Code: function openDialog(id){
var addString = '&ContentTypeID=0x010093E0E47DAEC14BF5AA399AF47613F91F005BDB7D7682432C4F98DF9B7670EF440C';
var modalUrl = id + addString;
options = SP.UI.$create_DialogOptions();
options.url = "../mysharepoint/display.aspx?" + modalUrl;
options.dialogReturnValueCallback = Function.createDelegate(null, CloseCallback);
SP.UI.ModalDialog.showModalDialog(options);
}
function CloseCallback(result, target) {
location.reload(true);
}
when I upload a new javascript file to the server and refresh the webpage, the webpage behaves as if the old script is on the server, this happens with IE and firefox, even if I shut the programs down and restart them, can anyone help? I tried to word the question as best as possible, but here is what I want to do. I am creating a calculator online and it is getting more and more extensive, which is good b/c I'm learning a lot. Here is what I'm trying accomplish now. I am using "input" to get information from the user in the top section of my calculator and that will always stay the same. The part that will change is the results section (bottom part of the calc) based on a few different variations or setups, so I want to be able have them click on a few different options. Option 1 Option 2 Option 3 Depending on which one they click I want the javascript that is run for the results section to correspond to the option chosen. I also, want to be able to have a default option displayed the first time the page is loaded and then have it change if a different option is chosen. I don't think reloading the page is necessary, but I'm new to this and could use a little direction. I hope what I'd like to do makes a little sense. I'm not asking for any code written that will do this, but naturally something hints or tips that could get me going. I don't know how to "monitor" a link and return a value to a variable, so that it can be put into a an if statement in the results section. After that, it would be continually monitored or somehow restarted if the variable does change. Again, I don't know if this is the best way to go at it, but I'm not sure at all. Any help would be awesome. I have looked at "onclick", but I'm not completely sure how I can tie it all together of if I should use another method. Thanks for any suggestions/ideas/help. I'm teaching myself JavaScript and created this animated countdown... I want to learn more advanced techniques, or shorthand code. If you see anything I can improve here or something that may not be suitable for a certain browser, please let me know... 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>History Countdown</title>
<style>
* {
margin: 0;
padding:0;
}
p {
font-size: 1em;
color: white;
position: absolute;
left: 450px;
}
#insertHere {
background-color: #000;
padding: 10px;
width: 300px;
height: 40px;
position: relative;
}
#list {
border: solid black 3px;
height: 700px;
width: 320px;
}
h3 {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
form {
text-align: center;
}
</style>
<script>
function gogo(){
var number = 2011;
document.getElementById('formArea').innerHTML = "";
var pixelCount = 450;
var intervalCount = 0;
var opacityValue = 0;
var pixels = 65
var ems = 1;
var beginCount = setInterval(countDown, 1000)
function countDown() {
if(number==0){
clearInterval(beginCount);
clearInterval(mover);
alert ("done");
}
intervalCount = 0;
pixelCount = 450;
pixels = 65;
ems = 1;
var opacityValue = 0;
var mover = setInterval(moveNumber, 35);
function moveNumber() {
intervalCount += 1;
if (intervalCount <= 12) {
pixelCount -= pixels;
opacityValue += .1;
document.getElementById('para').style.left = pixelCount + "px"
document.getElementById('para').style.opacity = opacityValue;
document.getElementById('para').style.fontSize = ems + "em";
ems = ems + .1;
pixels = pixels - 7;
if (intervalCount == 2) {
document.getElementById('para').innerHTML= number;
number -= 1;
}
}//end if
else if (intervalCount == 13) {
clearInterval(mover);
}
}
}//moveNumber
}
</script>
</head>
<body>
<div id="list"><div id="insertHere"><p id="para"></p><span id="done"></span></div>
<h3>History Countdown</h3>
<div id="formArea">
<form>
<input type="button" value="Start" id="goButton" onclick="gogo()" />
</form>
</div>
</div>
</body>
</html>
I have created and opened a new window using Javascript and written to it with the document.write Command. When I click "View" and then "Page Source" (Firefox) to view the source of it, however, it displays a blank page. How can I get the source of a window I created? Thank You Charles never mind
I have created a form with javascript embedded to dynamically assign value to
Code: document.myForm.myTextBox.value based on user inputs, and when submitting the form, the targeted php file will process the data and records them in MySQL. The problem is that the value of myTextBox remains 'null' even when the javascript assigns a value to it (and it is visible in the form). Here is the code of the javascript: Code: document.register.street.value = http.responseText.split('^')[0];
document.register.city.value = http.responseText.split('^')[1];
document.register.street.disabled = true;
document.register.city.disabled = true;
To prevent user-mistyping, the textbox will be disabled after the value is set. I tried to search but I found it is very difficult when I don't even know what key word to use to describe this issue. I hope anyone can help me with this here, and thanks for any inputs. Hi, I am using a javascript datepicker which works fine with simple textboxes: For example: I have a textBox startDate1 in the table below: <form method="post" name="upload" action=""> <table id="tableId"> <tr> <td> <input type="text" name="startDate1" value="" readonly="true" size="10"/> <script language="JavaScript"> new tcal ({'formname': 'upload','controlname': 'startDate1'}); </script> <td> </tr> <table> </form> --Now I want to add rows dynamically to this table for which I have <a href="javascript:addRowToTable();" >Add Row</a> and the corresponding javascript function: <script type = "text/javascript"> function addRowToTable() { var tbl = document.getElementById('tableId'); var lastRow = tbl.rows.length; var iteration = lastRow; var row = tbl.insertRow(lastRow); var box = row.insertCell(0); var element = document.createElement('input'); element.setAttribute('type', 'text'); element.setAttribute('name', 'startDate' + iteration); box.appendChild(element); } </script> --This code creates the text boxes properly, but I am not being able to add the datepicker to it. Please suggest me a way to add the datepicker to the textboxes in the dynamically generated rows. Thank You Regards Rusho Shaw I'm trying to understand how forms, data, php, javascript all work together. So 1) I hardcoded some html form fields with values using php using "echo", then 2) I dynamically created some more html form fields with values using javascript using "createElement" and appending to the html form element. When I click on the submit form, the php created form fields still show on the webpage, but the javascript dynamically created form fields disappear. Can anyone shed some light for me? Why are the javascript created form fields disappearing when I click on submit and not the PHP created form fields? Thank you! Code: <form method="post" id="commentform" action="<?php echo $PHP_SELF?>"> Hello, I have the following DIV tag Code: <div id = "cbContainer"> </div> The div is initially hidden as the display is set to none. I have one text input in my form. Depending upon the changed text in that textbox, there is a javascript function which creates a list of checkboxes and by using the innerHTML, the above div is filled up with the check boxes like shown in the code below: Code: var chkboxes = '';
for(var r = 0; r < related.length; r++)
{
chkboxes = chkboxes +
'<div class ="versionswidth">'+
'<input type="checkbox" name="version" value = related[r] />'+ related[r] +
'</div>';
}
var div = document.getElementById("cbContainer");
div.innerHTML = chkboxes;
div display is then set as "block" which makes the div visible. The problem is that on form submission, the input of selected checkboxes is not submitting. I will be grateful for any help. Thank you. My URL is: http://localhost/testproject/product.html#catId=155 I want to URL: http://localhost/testproject/product.html without refreshing the page. Is this possible using javascript/jquery or not ? Hey everyone, I'm making a bit of a weird site on a server with no php, mysql etc. To save me work, I've included the header and footer using AJAX but would like to change the relevant nav bar image to the rollover image if the visitor is on that page. My javascript skills are TERRIBLE, but I came up with this anyway and was going to put it inbetween the <a> tags where the image currently sits. Probably for a very obvious reason unknown to me, the page just loads indefinitely making nothing work. Here's what I've got: Code: if (window.location='index.html') {
document.write('<img src="images/key/home-r.jpg" name="home" onMouseOver="over(5)" onMouseOut="out(5)">')
}
else {document.write('<img src="images/key/home.jpg" name="home" onMouseOver="over(5)" onMouseOut="out(5)">')}
Thanks so much for any help at all. Is it possible to change the URL when a page refreshes? E.G Someone clicks a link on index.php to page1.php. When you refresh page1.php it actually loads page2.php The reason i ask my site uses AJAX to change pages (therefore doesnt refresh and stays on the index.php page). So if someone has followed 3-4 links and refreshes the page it will go back to the homepage, i want it so it reloads the currently page (i can use query strings to get the relevant page) Beginner to intermediate JS coder. Question: Is there a possible way to create a js function that will change a web page template and have the duration change every 4 months? This means that all pages corresponding to the template being used will change with the template? I have 4 page designs and would like to implement the different designs every 4 months but would like to create a script that will automatically do this instead of having to manually go in and change every page to match the template desired. Thoughts? Hi can you change this javascript for me please -------------------------------------------------------------------------- -------------------------------------------------------------------------- Code: <script type = "text/javascript">
function LogIn(){
loggedin=false;
username="";
password="";
username=prompt("Username:","");
username=username.toLowerCase();
password=prompt("Password:","");
password=password.toLowerCase();
if (username=="guest" && password=="login") {
loggedin=true;
window.location="home-page.html";
}
if (username=="guest2" && password=="login2") {
loggedin=true;
window.location="home-page2.html";
}
if (loggedin==false) {
alert("Invalid login!");
}
}
</SCRIPT>
---------------------------------------------------------------------------------------------------------------------------------------------------- Can someone change this script to instead of prompts i would like two text boxes and a button to login p.s There is also a different bit but thats for the button if you need this part then please ask Hello. I am trying to create a javascript function which when declaring a new object, would give it properties. I'll try and show what I am doing with some code, then explain it. Code:
<script type="text/javascript">
var Draggable = {
Create: function(e, options) {
newStyle(e, options);
}
};
function newStyle(destination, options) {
for (x in options) {
document.getElementById(destination).style.x = options[x];
}
}
new Draggable.Create('text', options = {border: "1px solid red"});
</script>
<div id="text">Text</div>
With this code, I am trying to create a new instance. I am then trying to change the border of the div with the id of "text". I know doing .style.x is what is breaking, but I'm not sure how to make it so the x will, work or to return that back to the Create function and work with it there? Any help would be appreciated. Thanks. Hi, When is a java script change in Production server,do we need to force the web users to clear their cache... Or is there any better way of doing it apart from using no cache header in HTML How do i set a page element as a variable and change it? Ive googled the internet like crazy for an answer for this, but couldnt find it. Im trying to create an animation. My question is, how do i change the width of a div onclick? Essentially, I want it to add one percent of the value of the width of the div every one second.. PHP Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Loading Bar</title> <script> var x = getElementById("loadbar").style.width; function load(){ setTimeout ( "progress()", 1000 ); } function progress(){ x++; } </script> </head> <body> <div id="load" style="border:thin solid #6699FF; width:300px; height:10px"> <div id="loadbar" style="background:#6699CC; width:0%; height:100%"> </div> </div> <a href="#" onclick="load()">Click to load</a> </body> Hi there. I've been working on how to use the AnythingSlider (Github) And I have a problem, when I want to use 2 or more sliders on the same page. I want to change the green navigationpanels, and they should be different on each slider: When I have one slider I use this: Code: <script type="text/javascript">
var slider1 = ['april', 'maj', 'juni', 'Quote #2', 'Image #2'];
function formatText(index, panel) {
return slider1[index - 1] || index;
}
</script>
But when I have more sliders, I can't use this: Code: <script>
$(function(){
var slider1 = ['april', 'maj', 'juni', 'Quote #2', 'Image #2'],
slider2 = ['jul', 'aug', 'sept', 'Quote #3', 'Image #3'];
$('#slider1').anythingSlider({
navigationFormatter : function(index, panel){
return slider1[index - 1] || index;
}
});
$('#slider2').anythingSlider({
navigationFormatter : function(index, panel){
return slider2[index - 1] || index;
}
});
});
</script>
It somehow conflicts with the slider.js I think. I'll post the HTML and the slider.js in the next two replies. Will you check it out and help me find the fault? Thanks It must be a simple thing... I am trying to change an image source on page load depending on the contents of a cookie: Code: function goVisited(cookiename,img_name,img_src) {
var visited = readCookie(cookiename);
if (visited == "1"){
//alert("visited!");
document[img_name].src=img_src;
}}
<img onload="goVisited('main1','Introduction','img/Yellow.gif');" name="Introduction" border="0" src="img/Green.gif" width="250" height="18">
I need the page to check the cookie "main1" and if its value is 1, then change the image src from Green.gif to Yellow.gif. It almost works, but I get a stack overflow. |
|||||||