The following is a JS ticker.It works well, but I can't figure out why the text in italic tags is being printed with the tags, instead of becoming italicized.example is here:
[URL]
Code:
<div>
<span id="tick"><a href="#"> </a></span><span id="cursor"><img src="http://www.sposa.com/images/feedicon.gif" border="0" alt="_" height="10" width="8" /></span>
<script language="javascript">
[code]....
I have many html files, and I hope I could print those files in a row.
Is this possbile to print a lot of html files(which are on a web server)
in a row with just one button click javascipt?
It's almost impossible to show as one html page to users, because that's
too big.
I 'd like to know if there is any way to load a file with javascript and print its contents to my page. More specifically I have a file named page1.html which contains a javascript. I want to make this script load the file, named page2.html and print its contents somewhere in my first page. Is this possible and how?
View 1 Replies View Relatedi am developing this page in which i have to print the page without showing the textbox but have to print its content how to do it?
View 2 Replies View Relatedi'm using refreshhit for some random quotes pages in different DIVS, and love it;
problem is, if i add html to the text in the pages:
$string = "<a href="page">text</a>";
echo $string;
that's exactly what i'm getting, "<a href="page">text</a>", instead of parsed html - what to do to parse them...?
I have a form in which a user can create from 1 table to 10 tables which will dynamically create 2 HTML radio buttons, 12 checkboxes and 1 select drop down and 7 input textbox per table in JavaScript.
I need help with printing the whole form with currently filled values.I tried window.print() but it only prints which is visible on the screen. It doesn’t print the bottom section which you have to scroll down to view.
I also tried the following code as well but it prints radio buttons, checkboxes and select drop down with default value, not with the values currently selected or checked.
function CallPrint()
{
var answer = confirm("Do You Want to Print The Case?")
if (answer)
[code]...
I have a few html fields in a form that use PHP in order to calculate a combined value and then inserting it into the database. However, I would want that value to be displayed to the user as well before they insert it, just so they can verify that the value is correct. But how do I go about and do this?
It is probably very simple, but I'm a PHP programmer and have very little knowledge of JavaScript. Basically this is what I would want:
<field 1> -20 +(or -, depending on user input) <field 2>
Result of that to be displayed in <field 3>
However, I only want the -20 to calculated when something is entered in <field 1> so that it does not say -20 in the output field before the user even started typing a value.
I have HTML tags stored in XML. I want to be able to use these HTML elements with Javascript, just as you can with elements in document.body. How can it be done? (And don't try and tell me I should use server-side because I have written it all for Javascript and the project is nearly complete minus this and there are practical reasons for not doing this server-side. After all, anything is possible with Javascript!)
Let me explain:
- I have HTML templates such as this [URL]
- I want javascript to populate these templates then add them to my page
- The only way I know javascript can get this kind of data is by parsing XML
- I want to parse the XML then be able to use the HTML elements just like those in document.body
- As far as I'm aware, XML is the only good way of storing data for javascript. I don't want to store it in javascript variables (too much multiline data with " and '). Nor do I want to build it using document.createElement("div")... etc
As someone not yet with any experience in computer science etc, please ignore my poor terminology! However, I'm not a beginner when it comes to javascript.
Here's the script concerned but I doubt it'll help you understand my problem: [URL]
I want to print a html page which has contents wrapped in several div tags. I need to insert page break after each div tag and the page numbers need to start from one, after each page break. I could insert page break using the following java script code.
var allDivs = document.all.tags("div");
for (i=0; i<allDivs.length; i++) {
allDivs(i).style.pageBreakAfter = "always";
}
But the page number is continuous. How can I change the page number for each pagebreak?
I have a simple news ticker script that taking scrolling text, but i want that it should take contents from rss feed.
Here is the code
HTML Code:
How to converting simple ticker too rss ticker?
I have been trying to do the following. Using JS I want to create an
input element (text box) and attach a event listener. I have done in
in two different ways. The first is using xml elements directly (as in
e4x) and the second using the dom method createElement (which is much
clunkier to write). I'd prefer the former. I've included a stripped
down example below.
It appears that when creating an input element using the line:
var inputBox = <input type="text" size="30" />
that it does not have the same properties as when it is created with:
var inputBox2 = document.createElement("input");
because when an event listener is attached using addEventListener, an
error is generated on the first, but not the second.
My thoughts on this are either
1. The namespace for the input element is not correct and whether input
can have a listener attached. However, my guess is that it would not
show up in the first div box. Code:
check the following piece of code:
<html>
<head>
</head>
[code]....
I am trying to get <p id="p2">Test1</p> above <p id="p1">Test2</p> using javaScript only.
I have been looking for rss scrollers/tickers which go horizontally, I
have found one which goes vertically and is very good, but I have no
idea how to change this to go hoirzontally.
Does anyone know of a script I can use to solve my problem.
Obviously it is impossible to show the script I am using for the
vertical one as it is made up of several files.
I have a ticker that works in IE8 and Firefox 3.6 aswell as older versions of Firefox. Here is the javascipt code:
[Code]...
When I load the page in IE6 or IE7 it just just shows the little icon at the bottom that means error on page but the page is just blank.
This is a Fading Javascript Ticker that can tick any number of messages. The Ticking message fades in while being displayed.
<!--BEGIN FADING TICKER JAVASCRIPT-->
<script language="JavaScript1.2">
// Fading Ticker JavaScript
// © Premshree Pillai
// http://www.qiksearch.com
//--------------------------------------CUTOMISE----------------------------------------------
// Ticker Messages ( HTML Tags supported)
var qiksearch_ticker_text = new Array ("Qiksearch.com", "FREE JavaScripts by Premshree Pillai", "Articles by Premshree Pillai", "Intellisearch Bar FREE Download");
// Ticker Message URLs
var qiksearch_ticker_URL = new Array ("http://www.qiksearch.com", "http://www.qiksearch.com/javascripts.htm", "http://www.qiksearch.com/articles.htm", "http://www.qiksearch.com/intellisearch.htm");
// Ticker Message URLs' Target (1 for NEW WINDOW, 0 for SAME WINDOW)
var qiksearch_ticker_target = new Array ("0", "0", "0", "1");
var qiksearch_ticker_width = 390; // The width of the Ticker
var qiksearch_ticker_height = 25; // The height of the Ticker
var qiksearch_ticker_borderw=1; // Border width
var qiksearch_ticker_borderc="#808080"; // Border Color
var timeOutVal=200; // Delay in milliseconds
var isPause=false; // true if you want pause on mouseover, else false
// setting to true is a bit buggy
//--------------------------------------------------------------------------------------------
//-----------------------------DO-NOT-MODIFY-BELOW-THIS---------------------------------------
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;
var qiksearch_tickerObj;
var ticker_left_ns4=(screen.width/2-20)-Math.round(qiksearch_ticker_width/2);
// Setting qiksearch_tickerObj depending on Browser
function setTickerObj()
{
if(ie4)
{
qiksearch_tickerObj=document.all.qiksearch_js_ticker;
}
if(ns6)
{
qiksearch_tickerObj=document.getElementById("qiksearch_js_ticker");
}
}
// isPause Content
var isPauseContent;
if(isPause)
{
isPauseContent=' onMouseOver="delay_timeOutVal();" onMouseOut="resume_timeOutVal();"'
}
else
{
isPauseContent=''
}
if(ie4||ns6)
{
document.write('<table' + isPauseContent + ' onMouseUp="goURL();" width="' + qiksearch_ticker_width + '" height="' + qiksearch_ticker_height + '" style="cursor:pointer; background:#FFFFFF; border:' + qiksearch_ticker_borderw + 'px solid ' + qiksearch_ticker_borderc + '"><tr><td align="middle">');
document.write('<div id="qiksearch_js_ticker">');
document.write('</div>');
document.write('</td></tr></table>');
}
var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F'
var colorVal=15;
var div_count=0;
// Fading Color code Generating function
function qiksearch_fade_desat(getColorIntVal)
{
var returnVal;
if(getColorIntVal>=10)
{
for(var i=0; i<=15; i++)
{
if((getColorIntVal==i))
{
returnVal = eval('def_' + i);
}
}
}
else
{
returnVal=getColorIntVal;
}
return(returnVal);
}
// Main
function writeDiv()
{
if(ie4||ns6)
{
qiksearch_tickerObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' + joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] + '</b></font>' ;
}
if(ns4)
{
qiksearch_tickerObj=document.qiksearch_ticker_ns4;
qiksearch_tickerObj.document.write('<table border="1" bordercolor="' + qiksearch_ticker_borderc + '"width="100%"><tr><td align="center"><a href="javascript:void(0);"' + isPauseContent + ' onMouseUp="javascript:goURL();"><font face="verdana,arial,helvetica" size="-1" color="#' + joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] + '</b></font></a></td></tr></table>');
qiksearch_tickerObj.document.close();
}
if((colorVal>0) && (colorVal!=0))
{
colorVal--;
}
else
{
colorVal=15;
if(div_count<qiksearch_ticker_text.length)
{
div_count++;
}
if(div_count==qiksearch_ticker_text.length)
{
setTimeout("resetAll()",timeOutVal);
setTimeout("writeDiv()",timeOutVal);
}
}
if(div_count<qiksearch_ticker_text.length)
{
setTimeout("writeDiv()",timeOutVal);
}
}
// Generating Final Hex Color
function joinColor(getColor)
{
return (getColor + Ɔ' + getColor + Ɔ' + getColor + Ɔ');
}
// Reset
function resetAll()
{
div_count=0;
colorVal=15;
}
// URL Navigation function
function goURL()
{
if(qiksearch_ticker_target[div_count]=="0")
{
location.href=qiksearch_ticker_URL[div_count];
}
else
{
if(qiksearch_ticker_target[div_count]=="1")
{
window.open(qiksearch_ticker_URL[div_count]);
}
}
}
// Setting Delay on MouseOver and MouseOut
var temp_timeOutVal=timeOutVal;
function delay_timeOutVal()
{
timeOutVal=100000000000000;
setTimeout("writeDiv()",timeOutVal);
}
function resume_timeOutVal()
{
timeOutVal=temp_timeOutVal;
setTimeout("writeDiv()",timeOutVal);
}
setTickerObj();
window.onload=writeDiv;
if(ns4)
{
document.write('<layer id="qiksearch_ticker_ns4" width="' + qiksearch_ticker_width + '" left="' + ticker_left_ns4 + '"></layer>');
}
</script>
<!--END FADING TICKER JAVASCRIPT-->
<!--
********************************
Message Center 4.0
Designed for older browsers.
By Skyzyx Genesis
********************************
-->
<html>
<head>
<title>
Message Center 4.0
</title>
<script language="javascript">
<!--
// Basic Configuration
var zDelay=4000;
var zCurrMsg=0;
var zContents=new Array;
// Site Switcher
var site=1;
if (site==1)
{
// Messages
zContents[0]="This is site 1 message 1";
zContents[1]="This is site 1 message 2";
zContents[2]="This is site 1 message 3";
zContents[3]="This is site 1 message 4";
zContents[4]="This is site 1 message 5";
}
else if (site==2)
{
// Messages
zContents[0]="This is site 2 message 1";
zContents[1]="This is site 2 message 2";
zContents[2]="This is site 2 message 3";
zContents[3]="This is site 2 message 4";
zContents[4]="This is site 2 message 5";
}
else if (site==3)
{
// Messages
zContents[0]="This is site 3 message 1";
zContents[1]="This is site 3 message 2";
zContents[2]="This is site 3 message 3";
zContents[3]="This is site 3 message 4";
zContents[4]="This is site 3 message 5";
}
else if (site==4)
{
// Messages
zContents[0]="This is site 4 message 1";
zContents[1]="This is site 4 message 2";
zContents[2]="This is site 4 message 3";
zContents[3]="This is site 4 message 4";
zContents[4]="This is site 4 message 5";
}
function zMessageCenter()
{
var zMessages=zContents.length;
if (document.getElementById)
{
zMCID=document.getElementById("ShowMessageCenter");
zMCID.innerHTML=zContents[zCurrMsg];
}
// MESSAGE COUNTER
if (zCurrMsg == (zMessages-1)) zCurrMsg=0;
else zCurrMsg++;
setTimeout("zMessageCenter()", zDelay)
}
//-->
</script>
</head>
<body>
<span style="font-family:Verdana; font-size:16pt; color:#0066FF; font-weight:bold;" id="ShowMessageCenter"></span>
<script language="javascript">
<!--
zMessageCenter();
//-->
</script>
</body>
</html>
can anyone recommend a good dhtml vertical pausing news ticker which works on macs as well as pcs?
View 2 Replies View RelatedHere's my situation:
1. I have a web browser component that does not support Javascript
(well it does, but we've disabled it)
2. I have to display some HTML in it, where the user has a link titled
"Hide|Show Options" that can hide/show a particular section of the
HTML.
I have not found a way to achieve it without using Javascript or any
other scripting language.
Is it possible to do this using pure plain HTML?
Is there a possibility to find out the coordinates, relative to the whole
screen, or at least relative to the browsewindow, where an element ( e.g. link or
picture ) begins or ends?
I'm looking for an alternate way to document.all to list all HTML-elements on a webpage.
I'm trying to get all IDs on a page that starts with specific letters,
ie: <div class='classname' id='MEIT_Start'.....
I wan't to build an array of items starting with 'MEIT_'
I have tried to use getElementByID but no succes...
This may be a repeat post, but I can't seem to find the answer in these forums. Here is the question: I have a div with id "someDiv". I am obtaining an HTML string via XHR and intend to insert it in the DIV. I use .html(theHtmlString) and it renders just fine. But the newly inserted elements are not in the DOM - either by name or id. How do I register them in jQuery?
View 2 Replies View RelatedBefore the canvas tag you had to write a script to make a gradient for html element backgrounds. Now you can use canvas and it's as easy as ... well messing with canvas. I have this script. At one point I had the gradient img objects resizing so the gradient would not get skewed. it was simple. just set the height% at the opposite ratio of the canvas width/height. But I went to make some changes and the next thing i knew that no longer worked. I don't remember how I did it!! I'm going to have to start over if I can't figure it out. Here's the script. Canvas only.
I haven't adapted with excanvas for IE yet, but that's coming when I can figure out how I had the thing working right. It's a css issue. I had thought I put the img objects in divs that were sized and positioned and then set the images to width 100% height= 100%*((canvas.width-canvas.height)/canvas.width) So in my example, the canvas was 100 x 30 and the factor is 7 so it would resize the image 700% and the height would grow by the relative amount to the setting I had it. I'll try to figure it out, but there's the script working somewhat. I want to figure out a way to resize the img objects when the user resizes the page, but I want the img to always maintain aspect ratio. [URL]
<script>
/*ORIGINAL SCRIPT FOUND AT [URL]*/
window.onload = function () {
var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');
var g = ctx.createLinearGradient(0, 0, 100, 50);
g.addColorStop(0, 'rgba(255, 255, 0, 0.5)');
g.addColorStop(0.5, '#0ff');
g.addColorStop(1, '#00f');
ctx.fillStyle = g;
ctx.fillRect(0, 0, 100, 50);
var data = canvas.toDataURL();
document.getElementById('i').src = data;
document.getElementById('EIMG').src = data;
var canvas2 = document.getElementById('c2');
var ctx2 = canvas2.getContext('2d');
var g2 = ctx2.createLinearGradient(0, 0, 100, 50);
g2.addColorStop(0, 'rgba(255, 0, 255, 0.5)');
g2.addColorStop(0.5, '#0ff');
g2.addColorStop(1, '#00f');
ctx2.fillStyle = g2;
ctx2.fillRect(0, 0, 100, 50);
var data2 = canvas2.toDataURL();
document.getElementById('i2').src = data2;
document.getElementById('DIMG').src = data2; .....
I got this javascript widget finished the other day. It's called BoxOver and allows floating captions over HTML elements, similar to overlib but uses less CPU and is much smaller (<10kb).
Would be super keen to hear any comments/criticisms on it. Also if anyone has any ideas for changes that would be cool too....
I have a HTML document with form. The form has several radio buttons. I want different elements of HTML (including <input> elements) to appear when each radio button is selected. Also, it is intended to show only those elements for a specific radio button. For example, if i select RB1, it shows me element div 1 and hides all others. If i select RB2, it hides element div 1 and shows element div 2, et cetera. So far it works fine with .style.visibility = 'hidden' and 'block'. Now, here comes the problem - each element appears below the previous element, they appear as they are in the HTML, no matter if i show the previous one. It looks pretty bad, because element positions are jumping as i select different radio buttons. How do i keep them in the same level, at the same position?
View 3 Replies View RelatedI am writing a javascript method to add/remove HTML elements using Javascript.
I use cloneNode to clone the element.
Following is the code
Code:
<HTML>
<HEAD>
<TITLE>Dynamically add Textbox, Radio, Button in html Form using JavaScript</TITLE>
<SCRIPT language="javascript">
[Code].....
I've gone back and forth on the best way to store data in HTML elements which is used to support JavaScript. For instance, I might have a bunch of rows each associated with a SQL ID, and upon clicking the delete element, want to grab the id, and send it to the server. I've successfully used the following three solutions, but would like to standardize on just the best.
Option 1 is technically valid, but seems excessive. Option 2 will work fine, but is considered by some as bad practice. Option 3 requires the extra step of splitting the ID from some identifier string, and care not to have the same record twice on the page.
HTML Code: