i am using cbe 4.19 to create a div to show some help.
onclick=myShowDIV(myTopic, myContent_iamverylarge)
the parameter myContent can be very large (more than 6000 characters)
i noticed that if its more than about 4000 chars, opera doesnt show the DIV anymore (using Opera 7.11)
IE and Netscape dont have this problem.
any ideas?
I'm working on a project that I want the user to be able to change the color theme of the site. For some reason if I go over about 20 themes or css references it breaks the site. Any idea why this is? if so, how can I get it to accept say 50 themes?
View 2 Replies View RelatedI have successfully implemented the jquery cycle plugin, but on some machines we see poor performance. We are trying to implement the lite version and perform other optimizations in an effort to improve performance on older machines. Many functions of the cycle plugin we can go without, but one important feature is the ability to run a function once the cycle is finished. We accomplish this via "nowrap" and "end" without issue using the full plugin, but I believe these options to be missing from the lite as the function does not execute upon cycle end.
The first part of this topic is to determine (since there is no list of features available in the lite versus full) that the nowrap/end are not available in lite.If they are not available, we would like assistance in performing a simple function to redirect the user when the cycle ends. We are using the cycle plugin to create a "splash" page and we want the page to auto-redirect to the main page upon completion. The "end" function did this perfectly, so what options do we have to redirect the user without the "end" function?
I'm trying to use google maps for the web application I'm developping. The idea is I have a database with all the universities with whom we exchange. I know where each university is (city). What I want to do is show all the cities on a google map (as markers)Here is the code I am using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[code].....
The code works well, it finds the cities and places a marker at the appropriate place. BUT, only 18 out of the 73 cities are shown. If I take away some cities from the list, the others are found. All the cities can be found this way, but only up to 18 appear at a time. how to avoid having this limit?
1 Box holds 3 items, Complete box weighs 75g, each item 25g, customer chooses their own 3 combo items. This could be the same all the same item or 3 different items.
I need a script that will require the selections to make up 75g in order to continue the process. i.e customer can only continue when 3 items / 75g worth are selected.
Here is a short version, I have about 12 selectors at the moment and possible more will be created (if that matters).
<form name="cart_quantity" action="myProduct?action=add_product" method="post" enctype="multipart/form-data">
<
<div class="placeholder">
[Code]....
The section of the form is just the portion with selctors, there are other fields with radio buttons for color choice etc.
<html><head>
<script>
evil = false;
if(document.layers){
evil = true;
}
created = new Array();
logotext = new Array();
//Your text here
logotext[0] = " * * ";
logotext[1] = " * * * * ";
logotext[2] = " * * * **** *** *** * *** **** ***** *** *** * * ***** ";
logotext[3] = " * * * * * * * * * * * * * * * * * * * * * * ";
logotext[4] = " * * * * **** * * * * ***** * * * * ***** * * ";
logotext[5] = " * ******* * * * * * * * * * * * * * * * * ";
logotext[6] = " ************* * * *** *** **** **** *** * * **** * * *** ";
logox = 100;
logoy = 100;
logocolor = "lightgrey";
//STOP EDITING!!!
for(i=0;i<logotext.length;i++){
logotext[i] = logotext[i].split("");
}
var logo = "";
if(!evil)
logo += "<div style='position:absolute; top:" + logoy+ "; left:" + logox + ";'>";
if(evil)
logo += "<layer top='" + logoy + "' left='" + logox + "'>";
for(i=0;i<logotext.length;i++){
for(a=0;a<logotext[i].length;a++){
if(logotext[i][a]!=" "){
logoy = i*5;
logox = a*5;
if(!evil){
id = "JT"+i+"x"+a;
logo += "<div id='" + id + "'style="position:absolute; visibility: hidden; width:3px; height:3px; top:" + logoy+ "px; left:" + logox + "px; overflow:hidden; background-color:" + logocolor + ";" onclick='alert("" + id + "")'></div>
";
created[created.length] = id;
}
if(evil)
logo += "<LAYER width=Ɖ' height=Ɖ' top='" + logoy+ "' left='" + logox + "' bgcolor='" + logocolor + "'></LAYER>
";
}
}
}
if(!evil)
logo += "</div>";
if(evil)
logo += "</layer>";
var Seed = 999;
function random(max) {
var d = (new Date()).getTime();
Seed = (d * Math.abs(Math.cos(Seed)));
return Math.floor(Seed) % max;
}
created2 = created;
created = created.toString();
function anilogo(style,ati,whendone){
if(document.getElementById&&created2.length>0){
for(i=0;i<10;i++){
rannum = random(created2.length)
newone = created2[rannum]+"";
if(created2.length>0)
eval("document.getElementById('"+newone+"').style."+style+" = '"+ati+"'");
if(window.createPopup || (navigator.appName.indexOf('Netscape')!=-1))
created2.splice(rannum,1);
}
}
if(created2.length<1){
clearInterval(start);
eval(whendone);
}
}
function stage1(){
start = setInterval("anilogo('visibility','visible','stage2()')",100);
}
function stage2(){
created2 = created.split(",");
start = setInterval("anilogo('background','black','stage3()')",100);
}
function stage3(){
created2 = created.split(",");
start = setInterval("anilogo('background','green','stage4()')",100);
}
function stage4(){
created2 = created.split(",");
start = setInterval("anilogo('visibility','hidden','')",100);
}
</script></head>
<body onload="stage1();">
<script>
document.write(logo);
</script>
</div>
</body></html>
logotext[X]
Is where one line of the logo goes.
logox = 100;
logoy = 100;
the x and y cord of where you want the logo to be
logocolor = "lightgrey";
the color of the logo
function stage1(){
start = setInterval("anilogo('visibility','visible','stage2()')",100);
}
function stage2(){
created2 = created.split(",");
start = setInterval("anilogo('background','black','stage3()')",100);
}
function stage3(){
created2 = created.split(",");
start = setInterval("anilogo('background','green','stage4()')",100);
}
function stage4(){
created2 = created.split(",");
start = setInterval("anilogo('visibility','hidden','')",100);
}
this is where the animation stuff is controled. If you want it should be pretty easy to figure out. Otherwise I will look through it later and figure it out...
A UI built using HTML and CSS has limited screen space. One of the elements is a div tag (<div id="mtext">) that will contain text of variable length. If the text is > 500 characters, I am displaying it as a link. When the user clicks the link, I want the text to be displayed in a layer above all the rest of the elements in the page. How can this be done using javascript..
Code:
A div element that contains some text of variable length. If the length exceeds say 500 characters, Display it as truncated text. ( like "Example text...") The entire truncated text becomes a link When the user clicks the link the content in the div element "pops out" to fill the screen above other elements on the page Image showing truncated text... (before clicking) Image showing text display after clicking the text...
how to add forms in javascript, but it's limited to text input forms.
<script type="text/javascript"><!--
function updatesum() {
document.form.sum.value = (document.form.sum1.value -0) + (document.form.sum2.value -0);
}
//--></script>
Where the inputs sum1 and sum2 are text fields you put whatever numbers you want in. That works fine. Great. Now what I'm having trouble with is modifying the code so that it will add one form with an input number with a form that spits out a randomly generated number.
<input type="button" value="D20" onclick="this.form.display.value = Math.round (20 * Math.random())" class="buttonHi" /> <input name="display" type="text" size="6" value="" />
This is what I'm using for my random number generator. So basically I want to be able to put, say, 5, into the input text field above this. And then click on the d20 button to get a random number, say, 15, and then have the first code add the inputted 5 with the randomly generated 15.
i need some creative input. i'm trying to enable the user to input a
length of time, from one day to about 10 years. ideas i've had have
been:
- 3 pull down boxes, for days, months, years
- an entry box for a value and a pull down box for units (days, weeks,
months, years)
- a scroll bar to slide along to a corresponding time
I'm not sure i should even use javascript, maybe an applet instead. I'd
really appreciated some new ideas or brainstorming.
I have a problem with getting the amount of childs in a XML structure,
the strucure is somewhat like the following:
<?xml version="1.0" encoding="iso-8859-1"?>
<cms>
<num>21</num>
<xmlnames>
<field>id</field>
<field>name</field>
<field>availablefrom</field>
<field>availableuntill</field>
<field>owner</field>
</xmlnames>
</cms>
If I use the following to get te amount of childs for xmlnames I get an
amount of 11:
xmlObj.responseXML.getElementsByTagName('xmlnames' )[0].childNodes.length
Is this wrong or maybe there is a better / other way of counting the
child amount?
I am running a bit of JS to highlight text inputs onFocus in IE. It
seems to be working on all of the forms on the site except one. The
debug code in the script displays the number of input elements in an
alert. On the page where it does not work, the alert is "[object]".
Here is the script:
function initHighlight() {
if (!document.getElementsByTagName){ return; }
var allfields = document.getElementsByTagName("input");
alert (allfields.length); // debug
for (var i=0; i<allfields.length; i++){
var field = allfields[i];
var attr = field.getAttribute("type");
if (attr == "text" || attr == "password") {
field.onfocus = function () {
this.className = 'highlightActiveField'
}
field.onblur = function () {this.className =
'highlightInactiveField'}
}
}
}
function addLoadEvent(func)
{
var oldonload = window.onload;
if (typeof window.onload != 'function'){ window.onload = func; }
else { window.onload = function() { oldonload(); func(); } }
}
var isIE = navigator.appName.indexOf("Microsoft") != -1;
if (isIE) { addLoadEvent(initHighlight); }
Unfortunately, I cannot reveal the URL of the page (contractural
restrictions).
Under what conditions would IE believe that the length of input fields
is an object, not a number? I have run the page through two
different validators and there are no errors.
I have a standard ul list where I need to keep count of the li's within (users can add/remove). This is my function when they remove a list item (.remove is inside the li), it removes the li fine but I always get zero for the rows.
[Code]...
I want to add some length validaitons to this form so that the state is enterted two characters long, the zip is entered five charaters long and the phone number will be entered eight characters long. Code:
View 2 Replies View RelatedThe following function takes three different fields (which combined make up a phone number) and tests it to make sure that all the characters entered are integers. If this is true, it sets form.Phone.value = entirephonenumber. I would like to incorporate an additional test which, after determining that all characters in the string are integers, checks to make sure that the string length is 10. If it is less than 10 or more, I want the entire function to return false and display an error message (the same one is fine..) Code:
View 2 Replies View RelatedI need to get the length of table(means no of rows in a table).. My table is inside the TD
Am comfortable with DOM or Jquery
My table structure is
<td id="tb1">
<table> //--- I wabt this table length using the ID of above TD i.e(tb1)
<tr>
<td></td>
[Code]....
I'm attempting to run some checks on an input value. Initial HTML:[code]After the page loads a javascript calendar function called JDPicker runs and changes it to:[code] my issue only occurs on this HTML that is hard coded into the page. I have several other inputs (same element structure with the divs, etc) added later with javascript using createElement functions and my javascript works fine on those:[code]My problem is only in IE (testing with v 8). When I try to get the child elements value it gives me this error: "value null or is not an object". I tried using .nodeValue after that and it worked, but then started giving me errors regarding the .length function "length null or is not an object".
View 1 Replies View RelatedI want to know the length in pixels of a document embedded in a iframe.
The way I go seems to work under IE but not under Firefox (about other
browsers I'll see later). Code:
How do I get the length of a form value in jQuery?
View 1 Replies View RelatedI have added two numbers from two table cells together using parseInt & innerHTML. I have this stored in a variable. I want to get the length of this number. I need to convert it to a string variable using toString and then access its length method. Whats the best way of doing this? I tried using toString then length but I am only getting "object window"!
Code:
i have a xml file where i do the following query:
entry_03_title=doc.documentElement.getElementsByTagName("entry")[2].getElementsByTagName("title")[0].firstChild.data;
now having the variable "entry_03_title" i would like that javascript do this:
if(entry_03_title.length>30) entry_03_title.length=6
in other words if the title is bigger than 30 chars long make it 6 chars, but this doesn't work.
I have a textarea field that is validated by Js, this textarea can and will contain the newline character so I validate in JS if(textareaname.value.length < 200)this hten goes through to my php where i also check before I place in to the Database using MYSQL,if( strlen($_POST['textareaname']) < 200 )but my php is giving me a different string length from my javascript.It looks as if Javascript is counting a newline as 1 character and php is treating it as 2.I have checked my slashes, I have used various REgex to check these data amounts. I have also Googled around and there doesnt seem much around.how I can make php and javascript treat a newline as the same amount of characters?
View 6 Replies View Relatedfunction checkValidFormInput() {
if (document.getElementsByName('customerName').value != '') {
document.getElementById('customerNameImg').innerHTML = '<img alt="Valid" src="images/greenTick.png">';
} else {
[code]....
this is a simple script, that uses ajax that sends to the server the total amount of time (in seconds) that the visitor was reading or whatever.
var startime=(new Date()).getTime();window.onunload=function(){
var x=(window.ActiveXObject)?new ActiveXObject('Microsoft.XMLHTTP'):new XMLHttpRequest();
x.open("GET","count.php?t="+(((new Date()).getTime()-startime)/1000),true);x.send(null)}
that's the javascript...
<?php $f=fopen("visitLength.txt", 'a');fwrite($f, $_REQUEST["t"].";
");fclose($f);?>
I have the following JS load up via file in the headers of my HTML[code]...
No matter how many times I run the function, it returns 0 for the first two alerts. The first time I run it, it should output "1", then "3". The next time should be "2", "3". Am I instantiating/populating the JS arrays incorrectly? Been working on this for 2 hours, shouldn't be taking this long
I want to add the + but stop when i reaches the checked length minus 1.
Code javascript:
var checkedlength=0;
for(i=0;i<document.getElementsByName('checkresult').length;++i){
if (document.getElementsByName('checkresult')[i].checked){
[Code]....
I realize that document.getElementsByName('checkresult').length in if(i<document.getElementsByName('checkresult').length-1) is not the same as the checked.
Is there any function or property for finding out the size of the first (or for that matter any) dimension of a multidimensional array?EDIT:There seems to be no such functionality, I found a solution that does not require it. If anyone is reading this for the same reason; it needs to be scripted.
View 2 Replies View Related