|
JavaScript - Jquery Question, Wondering If Anyone Had Any Ideas
Not entirely lost in the dark with jquery here, ive done quite a bit with it. I was just wondering if anyone might have ideas to solve this particular problem i am having.
The code pretty much looks like this... Code: $('#created').hover(
function(){
if(y == false)
{
$(this).css({'border' : '1px groove #dfdfdf'});
$('div#csite').show('slide',{ direction: "down" },500);
$('div#sa').hide('slide',{ direction: "up" },500);
};
},
function()
{
$(this).css({'border-style' : 'none'});
$('div#csite').hide('slide',{ direction: "up" },500);
$('div#sa').show('slide',{ direction: "down" },500);
});
//home hover
$('#home').hover(
function(){
if(y == false)
{
$(this).css({'border' : '1px groove #dfdfdf'});
$('div#psite').show('slide',{ direction: "down" },500);
$('div#sa').hide('slide',{ direction: "up" },500);
};
},
function()
{
$(this).css({'border-style' : 'none'});
$('div#psite').hide('slide',{ direction: "up" },500);
$('div#sa').show('slide',{ direction: "down" },500);
});
The div sa is always present (its a sponsor logo) when hovering over a #created link or #parent site link, a div csite or psite comes up, (image representing parent site, image representing creator site) making them work is no problem however i was wondering if anyone had any ideas as how to change this so that when you are quickly moving from the created link to the parentsite the .hide and .show animation for #sa does not overlap, or does not fire otherwise they get in the way of each other... any help would be appreciated thanks in advance! Similar TutorialsI've seen this really nice slider on www.formfiftyfive.com (when you click the links at the top i.e about, it will drop down revealing content) It moves the entire site rather than just overlay. I really like this and would love to implement it into my site? Any ideas what it is and how I can use it? Ok super new to Jquery here. I finally got talked into trying it. Ok so... I have Code: function windowOpen() {
windowSize()
document.getElementById("action1").innerHTML = '';
action1.style.filter = "alpha(opacity=" + (0*100) + ")";
action1.style.opacity = 0;
var si = setInterval(function() {
io+=0.05;
action1.style.filter = "alpha(opacity=" + (io*100) + ")";
action1.style.opacity = io;
}, 100);
io = 0;
if(io==1) {
window.clearInterval(si);
}
clearMenu();
}
I would love to know how to replace that with the fadein() function. I'm looking for something like this Code: function windowOpen() {
windowSize()
document.getElementById("action1").innerHTML = '';
//THE FADE IN GOES HERE but how?
clearMenu();
}
ok last question. Do I need to hide my elements somehow differently in CSS before I can use this? update: ok so far trying this and its not working Code: function windowOpen() {
windowSize()
document.getElementById("action1").innerHTML = '';
action1.fadeIn('slow');
clearMenu();
}
finally made it work with Code: function windowOpen() {
windowSize()
action1.innerHTML = '';
action1.style.display = "none";
$("#action1").fadeIn(1300);
clearMenu();
}
Hello, posted this on dynamicdrive.com with no response, so I am trying this forum. I have been assigned to build a content locator. We cannot use a database and all content needs to load from same page. Based on my boss' design and client needs, this is what I came up with: http://contentx.com/content_locator/ I am using a Dynamic Drive script to power the dropdown and content underneath the drop down, http://contentx.com/content_locator/js/dd_cx_script.js and using a JQuery script to change the content in the window to the right. http://contentx.com/content_locator/...s_cx_script.js My questions a 1) Is there a better method to do this? (stupid question I know... of course there is!!) I would like it to be as simple as possible, no animation needed. Just need to have content from the DIV on the right side load content in the Main body div on the left (the box) 2)Is it possible to change the content on the right side when you select an option from the drop down? (say I select <option>Free Campaigns</option> I want the content to change on the right to match one of the free campagins) 3)Finally, my margins in IE 7 are all over the map, looks great in all other browsers, but in IE my TABS (colored green and blue) are about 10pixels up to high, and my belowcontent div on the left has a top margin of 12px below the dropdown... Thanks for any help, zack I have a form validation with an AJAX username check and it works perfectly on FF, but doesn't work in IE 9. I am a complete newb when it comes to Jquery and Javascript, so any help/suggestions would be greatly appreciated. Jquery: Code: $('#username').bind('blur',function() {
var formData = $('#register').serialize();
$.post('username.php',formData,processData).error('ouch');
function processData(data) {
console.log(data);
if (data=='pass') {
if (! $('#fail').length) {
$('#usernameavail').prepend('<p id=\"fail\">Username Is Available!</p>');
} else {
$('#usernameavail').html('<p id=\"fail\">Username Is Available!</p>');
}
} else {
if (! $('#fail').length) {
$('#usernameavail').prepend('<p id=\"fail\"><img src=\"http://images/error.png\"> Username Not Available</p>');
} else {
$('#usernameavail').html('<p id=\"fail\"><img src=\"http:///images/error.png\"> Username Not Available</p>');
}
}
} // end processData
}); // end submit
Here is the username field I am validating against the database for a duplicate username: Code: <input name='username' type='text' id='username' class='required' maxlength='20'> Thanks in advance. Im using the toggle script demonstrated he http://www.sohtanaka.com/web-design/examples/toggle/ It works perfectly, but im wondering if it is possible to have a button to expand all and contract all. Ive been reading through this page: http://api.jquery.com/toggle/ Im having a hard time understanding it, because this is one of the first things I have worked on with jquery. Can anyone help explain how I can do this? Hi, as the title states, I'm trying to learn some basic javascript, more particularly, jQuery. I HATE having to "allow" active content to run on my IE browser. Is there a way to allow active content permanantly? Instead of having to click allow each time I refresh or reload my test pages? Also, IE keeps freezing or crashing when I run pages with scripts on them. Is this just my browser? or something to do with the active content permissions? Trying to google my questions, but no luck yet. OK, new to the boards. I prefer jQuery over flash and not sure how to tackle this, so please advise as best you can. Trying to create a site that allows for images to go full browser and then have the ability to have the other images slide in based on a click. I also want to float a menu that will allow it to pull in other media (video, that would slide in the same way). The best example I can share is this: http://j.mp/5U79i1 What he is using is flash based (slideshowpro director and slideshow pro for flash). Not interested in flash for this personal project. Any advice would be hugely appreciated. thanks in advance. I am not that great with web design but i am trying to create something like this site http://www.avrilbandaids.com/voteomatic/ I am trying to make something for my site - andygrammernation.com that is similar to this but with a different color scheme and with the mediabase link changed to vote for Andy instead of Avril. If anyone knows how to do this and would like to walk me through it that would be amazing!!! Thank you all so much!!! What would be the best way to get data for a mobile site. I've tried using Jquery $.ajax to bring in the data from a php file. It seems to work however it takes some time to load without a way to really give a progress meter. I was wondering what the fastest way to do this would be. For instance it loads and loads then after a long while the alert(); pops up and the data loads into the page. Ultimately i was thinking i could use the ajax request to read in the data from the mysql database server, then transfer it to localstorage, im using HTML5 primarily for the development also just for reference. Somewhat new to mobile development i was just wondering if anyone had a starting point for me to look at and go from there. Code: $(document).ready(function($){
var dataret = 0;
$.ajax({
type: 'POST',
url: 'mobile.php',
beforeSend: function(){
$('#status').show();
},
success: function(data){
//initialize localstorage here
alert('success');
// if it takes as long as it does, a few minutes, at least show a loading bar...
$('#progress').progressbar({
});
},
dataType: 'json'
});
});
Thanks in advance! Hey guys, finished my first javascript assignment and was wondering if anyone could confirm it works. I get weird syntax errors on my comp but others have said that it has worked for them, so i'm wondering if anyone else can confirm this. The syntax errors are all claiming that my functions being called in my buttons are not defined, however they clearly are, so i'm thinking it might just be something weird with my machine/browser. Anyway, here's the code and thanks in advance. Code: <html>
<head>
<script type="text/JavaScript">
var sam = 9;
var sally = 8;
var donald = 4;
var person = prompt("Please enter your name", "Student Name");
if (person != null) {
document.getElementById("intro").innerHTML =
"Hello " + person + "! Thank you for checking your grades today!";
}
function percentage (score) {
return score / 10 * 100;
};
function goperc() {
document.write("Sam's score on the test is " + percentage(sam) + "%, <br \> Sally's score on the test is " + percentage(sally) +
"%, <br \> Donald's score on the test is " + percentage(donald) + "%");
};
function highscore() {
if (Math.max(90, 80, 40) === 90){
document.write("Sam's score was the highest.")};
else if (Math.max(90, 80, 40) === 80){
document.write("Sally's score was the highest.")};
else{
document.write("Donald's score was the highest.")}
};
function lettergrade(grade) {
if (grade > 8.9){
document.write("A")};
else if (grade > 7.9){
document.write("B")};
else if (grade > 6.9){
document.write("C")}
else{
document.write("F | Warning, your letter grade is very low.")}
};
function goletter() {
document.write("Sam's letter grade on the test is: " + lettergrade(sam) + ", <br \> Sally's letter grade on the test is: " + lettergrade(sally) +
", <br \> Donald's letter grade on the test is: " + lettergrade(donald));
};
</script>
</head>
<body>
<button onclick="goperc()">Student Percentages</button>
<br \>
<button onclick="highscore()">Best Grade</button>
<br \>
<button onclick="goletter()">Student Letter Grade</button>
</body>
</html>
Oh, if anything looks like it's wrong or you see something that could be causing an error, I would love to know. Thanks. So, i have this code which retrieves php files for me using jquery and id love to get it working with Jquery history plugin. I tried modifying the code i got from the ajax demo to work for me, but i just couldnt do it as i do not know any javascript really.. ( actually what i tried was simply to change "#ajax-links a" to "#menu li a" and .html to .php ..but nothing.. :rolleyes: Id be very gratefull if someone would help me out with this one. All related code can be found bellow (the ones that should be needed anyways): This is the code that retrieves php files inside "#content" when item from "#menu li a" with the specified id is clicked Code: $(document).ready(function(){
//References
var change = $("#menu li a");
var loading = $("#loading");
var content = $("#content");
//Manage click events
change.click(function(){
//show the loading bar
showLoading();
//load selected section
if(this.id == "home")
{
change.load(this.className='current-page');
content.slideUp();
content.load("pages/index.php", hideLoading);
content.slideDown();
}
else if(this.id == "secondpage")
{
change.load(this.className='current-page');
content.slideUp();
content.load("pages/secondpage.php", hideLoading);
content.slideDown();
}
else
{
//hide loading bar if there is no selected section
hideLoading();
}
});
//show loading bar
function showLoading(){
loading
.css({visibility:"visible"})
.css({opacity:"1"})
.css({display:"block"})
;
}
//hide loading bar
function hideLoading(){
loading.fadeTo(1000, 0);
};
});
Heres the structure of the menu/content Code: <ul id="menu"> <li><a id="home" class="normal" href="#Home"></a></li> <li><a id="secondpage" class="normal" href="#Secondpage"></a></li> </ul> <div id="content"> <ul id="sec-menu"> <li><a id="link1" class="normal" href="#">Link1</a></li> <li><a id="link2" class="normal" href="#">Link2</a></li> </ul> </div> Heres the code that jquery history plugin uses in demo for ajax Code: jQuery(document).ready(function($) {
function load(num) {
$('#content').load(num +".html");
}
$.history.init(function(url) {
load(url == "" ? "1" : url);
});
$('#ajax-links a').live('click', function(e) {
var url = $(this).attr('href');
url = url.replace(/^.*#/, '');
$.history.load(url);
return false;
});
});
hi, i have a jquery problem... this script is not working with jquery-1.4.2.min, but it works with jquery-1.2.6.min.js, can anyone help me???the script is the above: (it is not working the tab actions, the slideout works...) http://www.benjaminsterling.com/wp-c...es/sidetab.htm the javascript code is the above: PHP Code: var jqsideTabs; var tabs, h = 50, r = 0,ra = 0; $(document) .ready(function(){ jqsideTabs = $('#sideTabs').addClass('closed'); tabs = jqsideTabs .find('.tab h3') .clone() .appendTo(jqsideTabs) .each(function(i){ var that = $(this), cls = '',ow,newThis, newEl; if( i == 0 ) cls = ' active'; newEl = $('<a href="#" class="tabLinks'+cls+'">' + that.text() + '</a>'); that.replaceWith(newEl); ow = newEl.outerWidth(); if( i == 0 ) ra = ow; else r = ow; h = newEl.css({'top':h , 'right': -ow }).height() + h; newThis = newEl.get(0); newThis.jq = newEl; newThis.i = i; newEl.click(function(){ var el = this.jq; if( jqsideTabs.hasClass( 'closed' ) ){ jqsideTabs.removeClass('closed'); } else if( !jqsideTabs.hasClass( 'closed' ) && el.hasClass('active') ){ jqsideTabs.addClass('closed'); } el .siblings() .removeClass('active') .css({'right': -r }) .end() .addClass('active') .css({'right': -ra }); tabs.eq( this.i ).show().siblings('.tab').hide(); return false; }); }) .end() .parent() .eq(0) .addClass('active') .end() .filter(':not(:eq(0))') .hide() .end(); jqsideTabs.bind("mouseleave",function(){ jqsideTabs .animate({left:-310}, 'fast', function(){ jqsideTabs.addClass('closed').removeAttr('style'); }); }); }); and the html file is: [HTML] <div id="sideTabs"> <div class="tab"> <h3>Tab 1</h3> <div class="gut"> <p>Some text</p> </div> </div> <div class="tab"> <h3>Tab 2</h3> <div class="gut"> <ul> <li>link</li> </ul> </div> </div> <div class="tab"> <h3>Tab 3</h3> <div class="gut"> <ul> <li>link</li> </ul> </div> </div> </div> [/HTML] the problem is that the tab button works, but the content doesnt change...in all of tabs showing the same text(showing all tbas content).... can anyone help...please..... Does anyone have any ideas for what i should work on next. I've made a music player where you can select the song you want. I've made a calculator. I'm relatively new to javascript so.
i keep getting the error GET http://code.jquery.com/jquery.min.map net::ERR_TOO_MANY_REDIRECTS & Failed to load resource: net::ERR_TOO_MANY_REDIRECTS when i load my page...and the havascript doesn't work properly on ym page...how do i resolve this. thanx in advance Hello all..New to the board and javascript. Link to the page in question:http://cgi.ebay.com/test-page-only-D...item27ae5e0654 I have a problem here..Confused maybe someone can spot it I can't. I am using Firefox 3.5-6 and IE 7 and Chrome 4.1......Just CSS and Javascript. I am using "Tiny Slider" JS. for my image gallery, most of the content was deleted from the code for security purposes. Head and body tags are not necessary for Ebay. The problem is the gallery I think. This page works great (Image gallery) outside of Ebay..but when I insert in Ebay the gallery will not position the images properly except the first one. After the first image 2, 3, and 4 pass by without centering and some not at all?? Layout problem? I need this to work for Ebay..So any help would be appreciated. Hi all, I was wondering if anyone knew were I can get a javascript that will adjust the background image dependant on the users screen resolution like whats used on this site http://gregorywood.co.uk/journal/chilli-babies Thanks in advance!! Kyle A quick background into what Im trying to acheive. I have a link which is setup to redirect a phone to another number, this is something set up on our PBX. The link is something simple like Http://phones.company.com/forward?=4332 This aspect is fine, but authentication is required to get to this page, so I get redirected to a login screen. What I want to be able to do is bypass this screen, by somehow hardcoding the username and password, so that the form is submitted automatically and no user intervention is required. The code for the login screen is below. Is this possible?? Ive had a quick look for the obvious, but my javascript skills are poor. Maybe Im looking at this all wrong and there is a much easier way. Any suggestions would be appreciated. Code:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Login</title>
<!-------------------------------------------------------------------------->
<!-- NLS area
<!-------------------------------------------------------------------------->
<link rel="stylesheet" type="text/css" href="req1_files/req.css">
<style type="text/css">
.getPos
{
position:relative; left:0; top:0; visibility:hide; visibility:hidden;
}
.setPos
{
position:absolute; left:0; top:0; visibility:hide; visibility:hidden; zIndex:1;
font-family:"arial","helvetica"; font-size:10pt;
}
.userfield { width:180px; }
.domain { width:120px; }
#loginBtn
{
width:65px;height:25px;
padding-top:4px;
text-align:center;
background-repeat:no-repeat;
cursor:pointer;cursor:hand;
}
.loginBtnReleased { background-image:URL('../images/loginReleased.gif'); }
.loginBtnPressed { background-image:URL('../images/loginPressed.gif'); }
</style>
<!---------------------------------------------------------------->
<!-- Script area -->
<!---------------------------------------------------------------->
<script>
/* layer.js - Accessing layers in a browser independent way */
var oldX;
function show_layer(x)
{
if(document.getElementById)
{
if(document.getElementById(x) != null)
document.getElementById(x).style.visibility="visible";
}
else
if(document.layers)
{
if( document.layers[x] != null )
document.layers[x].visibility="show";
}
else
if(document.all)
{
if( document.all[x] != null )
document.all[x].style.visibility="visible";
}
}
function hide_layer(x)
{
if(document.getElementById)
{
if(document.getElementById(x) != null)
document.getElementById(x).style.visibility="hidden";
}
else
if(document.layers)
{
if( document.layers[x] != null )
document.layers[x].visibility="hide";
}
else
if(document.all)
{
if( document.all[x] != null )
document.all[x].style.visibility="hidden";
}
}
function checkLayerExists( x )
{
if(document.getElementById)
{
if(document.getElementById(x) != null)
return true;
}
else
if(document.layers)
{
if( document.layers[x] != null )
return true;
}
else
if(document.all)
{
if( document.all[x] != null )
return true;
}
return false;
}
function checkLayer( x )
{
if(oldX && oldX!=x)
{
hide_layer(oldX);
show_layer(x);
oldX=x;
}
else if (!oldX && oldX!=x)
{
show_layer(x);
oldX=x;
}
}
function closeLayer(x)
{
hide_layer(x);
oldX=null;
}
function getForm( layer, form )
{
var myForm = null;
if(document.getElementById)
{
myForm = document.forms[form];
}
else
if(document.layers)
{
var myLayer = document.layers[layer];
if( myLayer != null )
myForm = myLayer.document.forms[form];
}
else
if(document.all)
{
myForm = document.forms[form];
}
return myForm;
}
function getFormElement( layer, form, element )
{
var myForm = getForm( layer, form );
if( myForm != null )
return myForm[element];
else
return null;
}
</script>
<script>
/* focushandler.js - handling of focus in input forms */
/*
This focus handler sets the focus to the first empty input text
field at the beginning and to the next empty text field by entering
CR or invoking submit. If all fields are set and CR was entered in
one of the text fields, the submit function will be called automatically.
*/
var myFocusHandlerForm = null; /* only one form for focus handling is supported */
var myAutoSubmit = true; /* invoking submit by CR if all fields are set */
var myAutoSubmitHandler = null; /* invoking this handler */
function initFocusHandler(formName)
{
initFocusHandlerExt(formName, (document.layers != null));
}
function initFocusHandlerExt(formName, chkCR)
{
var form = document.forms[formName];
var setDone = false;
myFocusHandlerForm = form;
for( var i=0, len = form.elements.length; i < len; i++ )
{
var e = form.elements[i];
if( (e.type == "text" || e.type == "password") )
{
if( !setDone && e.value == "" )
{
e.focus( ); /* set focus to first field */
setDone = true;
}
if( chkCR )
e.onkeydown = checkCR; /* establish CR recognizer */
}
}
}
function setAutoSubmit( enabled )
{
myAutoSubmit = enabled;
}
function setAutoSubmitHandler( handler )
{
myAutoSubmitHandler = handler;
}
function checkCR(e)
{
var key = (document.layers) ? e.which :
(document.all) ? window.event.keyCode : e.keyCode;
if( key == 13 )
{
var form = myFocusHandlerForm;
if( verifyInput(form) && myAutoSubmit )
{
if( myAutoSubmitHandler != null )
myAutoSubmitHandler(form);
else
form.submit();
}
}
return true;
}
function verifyInput(form)
{
for( var i=0, len=form.elements.length; i < len; i++ )
{
var e = form.elements[i];
if( (e.type == "text" || e.type == "password") &&
(e.value == null || e.value == "") )
{
form.elements[i].focus(); /* set focus to empty field */
return false;
}
}
return true; /* all are set */
}
</script>
<script>
/* popuphandler.js - handling of popup menus by layers */
var myPopupLayer = new Array();
var myPopupWidth = new Array();
var myPopupByEvent = "";
var myPosByEvent = false;
var myPosY = 0;
if( document.all )
document.onmousedown = setPosY;
function initPopupHandler( popupLayer, popupWidth )
{
document.onmouseup = hidePopupAll;
var newIndex = myPopupLayer.length;
myPopupLayer[newIndex] = popupLayer;
myPopupWidth[newIndex] = popupWidth;
}
function updatePopupWidth( popupLayer, popupWidth )
{
var index = getPopupIndex( popupLayer );
myPopupWidth[index] = popupWidth;
}
function showPopup( posLayer )
{
var index = 0; /* suppose only one layer to popup was defined */
var popupLayer = myPopupLayer[index];
var popupWidth = Math.abs(myPopupWidth[index]);
showPopupLayer( popupLayer, posLayer, (-popupWidth) + 6, 4 );
}
function showPopupLeftAt( popupLayer, posLayer, offsetX, offsetY )
{
var index = getPopupIndex( popupLayer );
var popupWidth = Math.abs(myPopupWidth[index]);
showPopupLayer( popupLayer, posLayer, (-popupWidth) + offsetX, offsetY );
}
function showPopupLayer( popupLayer, posLayer, offsetX, offsetY )
{
if(document.getElementById)
{
var posX = getPopupPositionX( posLayer );
var posY = getPopupPositionY( posLayer );
setPopupPosition( popupLayer, posX + offsetX, posY + offsetY );
document.getElementById(popupLayer).style.visibility="visible";
}
else
if( document.layers)
{
var posX = getPopupPositionX( posLayer );
var posY = getPopupPositionY( posLayer );
setPopupPosition( popupLayer, posX + offsetX, posY + offsetY );
document.layers[popupLayer].visibility = "show";
}
else
if(document.all)
{
if( !myPosByEvent )
{
var posX = getPopupPositionX( posLayer );
var posY = getPopupPositionY( posLayer );
setPopupPosition( popupLayer, posX + offsetX, posY + offsetY );
}
document.all[popupLayer].style.visibility = "visible";
}
}
function isPopupVisible( popupLayer )
{
if(document.getElementById)
return (document.getElementById(popupLayer).style.visibility == "visible");
else
if(document.layers)
return (document.layers[popupLayer].visibility == "show");
else
if(document.all)
return (document.all[popupLayer].style.visibility == "visible");
}
function setPopupVisible( popupLayer, visible )
{
if(document.getElementById)
{
if( visible )
document.getElementById(popupLayer).style.visibility = "visible";
else
document.getElementById(popupLayer).style.visibility = "hidden";
}
else
if(document.layers)
{
if( visible )
document.layers[popupLayer].visibility = "show";
else
document.layers[popupLayer].visibility = "hide";
}
else
if(document.all)
{
if( visible )
document.all[popupLayer].style.visibility = "visible";
else
document.all[popupLayer].style.visibility = "hidden";
}
}
function getPopupIndex( popupLayer )
{
for( var i = 0; i < myPopupLayer; i++ )
if( myPopupLayer[i] == popupLayer )
return i;
return 0;
}
function setPopupPosition( popupLayer, posX, posY )
{
if(document.getElementById)
{
document.getElementById(popupLayer).style.left = posX;
document.getElementById(popupLayer).style.top = posY;
}
else
if(document.layers)
{
document.layers[popupLayer].pageX = posX;
document.layers[popupLayer].pageY = posY;
}
else
if(document.all)
{
document.all[popupLayer].style.left = posX;
document.all[popupLayer].style.top = posY;
}
}
function getPopupPositionX( posLayer )
{
if(document.getElementById)
{
var elm = document.getElementById(posLayer);
var pos = document.getElementById(posLayer).offsetLeft;
if( pos <= 15 )
{
while ( elm != null )
{
pos += elm.offsetLeft;
elm = elm.offsetParent;
}
}
return pos;
}
else
if(document.layers)
return (document.layers[posLayer].pageX);
else
if(document.all)
{
var elm = document.all[posLayer];
var pos = document.all[posLayer].offsetLeft;
if( pos <= 15 ) /* IE.5.0 bug: adding padding to offset */
{
while ( elm != null )
{
pos += elm.offsetLeft;
elm = elm.offsetParent;
}
}
return pos;
}
}
function getPopupPositionY( posLayer )
{
if(document.getElementById)
{
var elm = document.getElementById(posLayer);
var pos = document.getElementById(posLayer).offsetTop;
if( pos <= 15 ) /* IE.5.0 bug: adding padding to offset */
{
pos = -6;
while ( elm != null )
{
pos += elm.offsetTop;
elm = elm.offsetParent;
}
}
else
if(document.all)
{
var posDiff = (pos > myPosY) ? pos - myPosY : myPosY - pos;
if( posDiff < 20 ) /* IE.6.0 bug: cumulative patch */
pos -= 15;
else
pos = (pos/2);
var tableOffset = 2;
var a = window.document.all;
for( var i=0; i < a.length; i++)
{
if( a[i].name == "maintable" )
{
tableOffset = (a[i].offsetTop / 2) - 1;
break;
}
}
pos += tableOffset;
}
return pos;
}
else
if(document.layers)
return (document.layers[posLayer].pageY);
else
if(document.all)
{
var elm = document.all[posLayer];
var pos = document.all[posLayer].offsetTop;
if( pos <= 15 ) /* IE.5.0 bug: adding padding to offset */
{
pos = -6;
while ( elm != null )
{
pos += elm.offsetTop;
elm = elm.offsetParent;
}
}
else
{
pos = (pos/2);
var tableOffset = 2;
var a = window.document.all;
for( var i=0; i < a.length; i++)
{
if( a[i].name == "maintable" )
{
tableOffset = (a[i].offsetTop / 2) - 1;
break;
}
}
pos += tableOffset;
}
return pos;
}
}
function enablePopupByEvent( popupLayer, enable )
{
myPopupByEvent = popupLayer;
myPosByEvent = enable;
}
function setPopupPosByEvent(e)
{
if( myPosByEvent && document.layers == null && document.all )
{
if( document.all[myPopupByEvent] != null )
{
var ev = window.event;
var posX = ev.clientX - ev.offsetX - 2 - myPopupWidth;
var posY = ev.clientY - ev.offsetY + 6;
setPopupPosition( myPopupByEvent, posX, posY );
}
}
return true;
}
function setPosY(e)
{
myPosY = window.event.clientY + document.body.scrollTop;
return false;
}
function hidePopupAll(e)
{
hidePopup();
}
function hidePopup()
{
for( var i = 0; i < myPopupLayer.length; i++ )
hidePopupLayer( myPopupLayer[i] );
}
function hidePopupLayer( popupLayer )
{
if(document.getElementById)
{
if(document.getElementById(popupLayer) != null)
document.getElementById(popupLayer).style.visibility = "hidden";
}
else
if(document.layers)
{
document.layers[popupLayer].visibility = "hide";
}
else
if(document.all)
{
if( document.all[popupLayer] != null )
document.all[popupLayer].style.visibility = "hidden";
}
}
</script>
<script>
/* utilscript.js - extended string functions, etc. */
function checkChars( chkStr )
{
chkStr = escape(chkStr);
/* special handling for phone numbers */
for( ; (i = chkStr.indexOf('+')) >= 0; )
{
var s = (i > 0) ? chkStr.substring( 0, i ) + "%2B" : "%2B";
chkStr = s + chkStr.substring( i+1, chkStr.length );
}
return chkStr;
}
function trimString( str )
{
return removeTrailingBlanks( removeLeadingBlanks( str ) );
}
function removeLeadingBlanks( str )
{
while( str.length > 0 && str.charAt( 0 ) == ' ' )
str = str.substr( 1, str.length - 1 );
return str;
}
function removeTrailingBlanks( str )
{
while( str.length > 0 && str.charAt( str.length - 1 ) == ' ' )
str = str.substr( 0, str.length - 1 );
return str;
}
</script>
<script language="JavaScript">
function init()
{
initFocusHandlerExt("doLogin",false);
setAutoSubmitHandler( sendFormHandler );
setLastUser( "", "" );
}
function doSendForm()
{
var form = document.doLogin;
var check = false;
var pwdforgotten = false;
if (pwdforgotten)
{
if (verifyUser())
check = true;
}
else
{
if( verifyInput( form ) )
check = true;
}
if (check)
sendFormHandler( form, pwdforgotten );
return true;
}
function verifyUser ()
{
var user = document.forms.doLogin.j_username.value
if (user == "" || user.length == 0)
{
document.forms.doLogin.j_username.focus();
return false;
}
return true;
}
function sendFormHandler( form, pwdforgotten)
{
var sendForm = document.forms.sendLogin;
var user = document.forms.doLogin.j_username.value;
var passwd = document.forms.doLogin.j_password.value;
var domainList = document.forms.doLogin.j_domain;
var index = domainList.selectedIndex;
var authMode = (index >= 0) ? domainList.options[index].value :
"TELAS";
if( authMode == "" )
{
alert( "Please enter the name of your windows domain" );
return;
}
if( index >= 0 )
{
var domain = domainList.options[index].value;
if (domain != "TELAS")
user = domain + "\\" + user;
sendForm.authMode.value = authMode;
}
else
{
sendForm.authMode.value = "TELAS";
}
// fill hidden form to send request
sendForm.j_username.value = user;
sendForm.j_password.value = passwd;
if (pwdforgotten)
sendForm.j_pwdforgotten.value = "forgotten";
sendForm.submit();
}
function setLastUser( user, wrongpwd )
{
if( user != "" )
{
var i = user.indexOf( '\\' );
if( i > 0 )
{
var domainList = document.forms.doLogin.j_domain;
var domainIndex = -1;
var domain;
domain = user.substring( 0, i );
user = user.substring( i + 1, user.length );
for( i = 0; i < domainList.options.length; i++ )
{
var value = domainList.options[i].value;
if( value == domain )
{
domainIndex = i;
break;
}
}
if( domainIndex >= 0 )
domainList.selectedIndex = domainIndex;
}
document.forms.doLogin.j_username.value = user;
if( wrongpwd )
document.forms.doLogin.j_password.focus();
}
}
function doSendPassword()
{
var request = "/tweb/login/req?pwdForgotten=";
var user = document.doLogin.j_username.value;
request = request + "&authuser=" + user;
window.location.href = request;
}
</script>
</head><body class="common" onload="init();">
<p> </p>
<div align="center"><center>
<form name="doLogin" action="javascript:(void 0);" onsubmit="verifyInput(this); return false;">
<!---------------- login dialog for an user session -------------------->
<noscript>
<font color=red>To use ComAssistant CTI<br>you must activate JavaScript at first.</font><p>
</noscript>
<table class="frame" border="1" cellpadding="4" cellspacing="0">
<tbody><tr><td class="caption" align="center"><b>ComAssistant CTI</b></td></tr>
<tr><td class="light" valign="middle" align="center">
<table border="0" cellpadding="0" cellspacing="8">
<!------------------------------------ user ------------------------>
<tbody><tr>
<td> </td>
<td class="dialog" align="left">User name:</td>
<td class="dialog"><input value="5255" class="userfield" size="18" maxlength="64" name="j_username" width="180px"></td>
<td> </td>
</tr>
<!------------------------------------ domain ------------------------>
<tr>
<td> </td>
<td class="dialog" align="left">Password:</td>
<td class="light"><input class="userfield" size="18" maxlength="32" name="j_password" width="180px" type="password"></td>
<td> </td>
</tr>
<tr>
</tr><tr>
<td> </td>
<td class="dialog" align="left">Domain:</td>
<td class="light" align="right">
<select class="light" width="180" name="j_domain">
<option selected="selected" value="CAPLogin\XXXXX">XXXX</option>
<option value="CAPLogin\">CTI Authentication</option>
</select>
</td>
<td valign="top"><div id="editDomainPos" class="getPos"> </div></td>
</tr>
<tr><td> </td>
<!------------------------------------ password forgotten ------------------------>
<td> </td>
<!------------------------------------ OK ---------------------------------------->
<td class="title-light" align="right">
<input value="OK" onclick="return doSendForm();" width="100" type="submit">
</td>
<td> </td>
</tr>
</tbody></table>
</td></tr>
</tbody></table>
</form>
<!------------------ form sended to servlet ------------------------>
<form name="sendLogin" method="GET" action="https://xxxxx.xxx.xx:xxx/tweb/j_security_check;jsessionid=B9CB670DB13E02625B197D382750FC38">
<input name="j_username" value="" type="hidden">
<input name="j_password" value="" type="hidden">
<input name="j_pwdforgotten" value="" type="hidden">
<input name="authMode" value="" type="hidden">
<input name="origReq" value="/tweb/portal/req?getPage=/userindex.html" type="hidden">
</form>
<!------------------------------------------------------------------>
</center></div>
</body></html>
Does any one have any ideas for javascript homepage apps
Hello javascript experts... I am following this blog on calling web service in javascript. I am getting syntax error, in my javascript... Code: <action trigger="onLoad">
<!--
mainWindow.visible = true;
<script
type="text/javascript"
src="prototype.js"></script>
<script
type="text/javascript"
src="ws.js"></script>
<script type="text/javascript">
function getSalesXml(name, container) {
var call = new WS.Call('<url to the wsdl>');
var nsuri = 'http://example';
var qn_op = new WS.QName('<functionName>',nsuri);
var qn_op_resp = new WS.QName('sayHelloResponse',nsuri);
call.invoke_rpc(
qn_op,
new Array(
{name:'userId',value:<user>}
{name:'pwd',value:<password>}
),null,
function(call,envelope) {
var ret =
envelope.get_body().get_all_children()[0].
get_all_children()[0].get_value();
container.innerHTML = ret;
$('soap').innerHTML = arguments[2].escapeHTML();
}
);
}
</script>
-->
</action>
at line: Code: src="ws.js"></script> Can anybody correct this error..., |
|||||||