JavaScript - How To Print Line Of Dashes?

Hello!

I have a pretty straight forward question dealing with JQuery/Javascript (I'm pretty new to both, so the syntax is still escaping me). I have a javascript file that holds an array of objects inside of it (addresses to be exact) and I then need to take that array and call it to print into the Title attribute of a <li> after the list has been populated.

Below is the Javascript arrray:
Code:

var banner_data = [ "address1","address2","address3","address4"];
var obj = { one:"address1", two:"address2", three:"address3", four:"address4" }

And this is how it is being called in the HTML:
Code:

$('ul>li').each(function(){
      var $this = $(this); // current list item
      var idx = $this.index();
      var thisAddress = banner_data[idx]; 
	  $this.attr('title', thisAddress.append[4])
});

any thoughts? I have jQuery 1.7.1 installed, a fully valid html/css and a proper doctype (just to cover our bases haha)

Dear all,
I would like to use javascript that prints randomly one string to the string, from an array of predefined string.

How do you think I should start thinking that?

Alex

hey there i was wondering if anyone knows how to get a print option button in a pop up window , i am using html with javascript to create a currency converter i have a button on my main page which opens up a popup window with information taken and totalled from the user input , i would like to be able to offer the option to print this window off .
code is

function open_win(){
myWindow=window.open('','','width=300,height=300');
myWindow.document.write("<p>Current sterling recieved</p>",sterling_total,"<p>Total commision recieved</p>",commision_total,"<p>Total Money Recieved</p>",running_total);
myWindow.focus();

}

I've got a simple script that generates a button that sends to the printer when clicked. But a totally new thing to me is finding a way to update a "printed_unprinted" field in the database for that item. Anyone have experience with this?

Right now, I just have: Code:

<style type="text/css" media="print">
@page { size:8.5in 11in; margin: 1cm }
.printbutton {
  visibility: hidden;
  display: none;
}
</style>

<script>
document.write("<input type='button' " +
"onClick='window.print()' " +
"class='printbutton' " +
"value='Print This Page'/>");
</script>

I assume I could reference a php file? Just something quick like:

PHP Code:
<?php
include("include/conn.php");

$id = mysql_escape_string($_POST['printed']);

$query_update = "UPDATE tbl_registration SET reg_hardcopied = '1' WHERE reg_id = '$id'";
                     $dberror = "";
            $ret = mysql_query($query_update);
            if(!$ret){}
            else{
                //back to referrer

            }



?>

I'm working with the squeezebox modal.js implemented with Joomla! for my images in some extra fields. I'm trying to add a print button functionality in order to print the image within the lightbox.

Adding the button was fairly easy, I simply copied and pasted

this.closeBtn=(new Element("a",{id:"sbox-btn-close",href:"#"})).inject(this.win);

and made

this.printBtn=(new Element("a",{id:"sbox-btn-print",href:"#"})).inject(this.win);

I then made my print button png, went into the modal.css, added this:

#sbox-btn-print {
position: absolute;
width: 30px;
height: 30px;
right: 10px;
top: -15px;
background: url(../images/modal/print_btn.png) no-repeat center;
border: none;
}

And boom, print button, however making it work right is certainly not coming along as easy. I tried changing the href to
javascript:window.print()
but that just prints the contents of the browser, not the image in the box, no bueno. I then tried pushing the button functionality into a separate javascript function, but couldn't even get that far. I'm sure if I tweak it enough I can make it work, but I'm not all that great at programming within javascript. I'm fairly proficient with actionscript, php and css, I just don't know the syntax all involved here.

If anyone can point me in the right direction that would be appreciated. Sadly I can't simply switch it out with another lightbox that already has the option to print, as Joomla! K2 Extra Fields doesn't really give you that option. Help!

I would like to create a print preview window that will display only the main content of the page that a person would really want to print. I found a script that didn't do that, but that I was able to adapt, somewhat. It doesn't fully work though and I can't get it any better. Here is what I have...

<html>
<head>
<title></title>
<script LANGUAGE="JavaScript">
function displayHTML(printContent) {
var inf = printContent;
win = window.open("print.htm", 'popup', 'toolbar = no, status = no');
win.document.write(inf);
}
</script>
</head>
<body>
<div id="printarea">Print this stuff.</div>
<a href="javascript:void(0);" onclick="displayHTML(printarea.innerHTML)">Print Preview</a>
</body>
</html>

In mozilla it opens the new window but continues to be thinking about something indefinitly. In Safari the new window opens but there is no content. In IE it seems to work fine. I haven't tested NS yet, nor have I tested any of this on a PC.

Thanks for any help.

I have the some text loaded in light box with background faded.


i want the print button in the light box so that when user click on that only the contents of light box is printed and printer box opens up.

How to do that??

This should be a simple fix.

I have a basic html form with some text input fields and a couple drop down selection lists.

Our employees print the form and include it with items they need our shipping department to ship for them.

The form uses the following verification script to ensure the required fields have been populated before the screen prints.

It works exactly as desired in Safari and Firefox. In Internet Explorer, however, the selections made in the drop down lists are reset to the default values on the printed form.

Before you respond with, "don't use Internet Explorer," you have to understand that Internet Explorer is our only corporate approved web browser because it is the only browser supported by some of our other "mission critical" third party web apps and because it can be more rigorously controlled using Group Policies than Safari, Firefox, Chrome, Opera, et al, can.

Any advice on how to make the form print without resetting the drop down list selections?

Code:

<script language="javascript">
    function verify() {
        var themessage = "You must provide the following information";
        if (document.shipment.SenderName.value == "") {
            themessage = themessage + ", Sender Name";
        }
        if (document.shipment.SenderEmail.value == "") {
            themessage = themessage + ", Sender Email";
        }
        if (document.shipment.Dept.value == "") {
            themessage = themessage + ", Department";
        }
        if (document.shipment.Contact.value == "") {
            themessage = themessage + ", Ship To Contact";
        }
        if (document.shipment.Street1.value == "") {
            themessage = themessage + ", Ship To Street 1";
        }
        if (document.shipment.City.value == "") {
            themessage = themessage + ", Ship To City / Locale";
        }
        if (document.shipment.country.value == "") {
            themessage = themessage + ", Ship To Country";
        }
        if (document.shipment.state.value == "") {
            themessage = themessage + ", Ship To State / Province";
        }
        //alert if fields are empty and cancel form submit
        if (themessage == "You must provide the following information") {
            window.print();
            return false;
        }
        else {
            alert(themessage);
            return false;
        }
    }
</script>

Hi everyone! I need a little help with something. I have a page with several links that when clicked open a modal window. The same window for each link, with a form. However inside the form I need to print the id of the link that was clicked. Like so:

<a href="#" id="1">Link 1</a>
<a href="#" id="2">Link 2</a>
<a href="#" id="3">Link 3</a>

<form>
....somehow print/echo the id of the link...
</form>

Is this possible? Does anyone know how to do that? I'd appreciate any help!

Hi,

I want a link on my website where when you press it, it print screens. somthing like,

<a href=printscrn();">Print Screen</a>

anyone any ideas?
Simon

Hey Everyone!

I currently using the <object> tag to display a webpage in another webpage... essentially. I read that <iframe> is basically deprecated and <object> should be used to replace it.

Thus my code breaks down basically to this:
Code:

<object data="mywebpage.php"></object>

I'm using FF3 and the question I have is how do I print the contents of the object only? Currently, I have to right click the object and under "This Frame" click Print.

How can I use a print button to resolve this?

Thanks!

Hello all,

We have a job management system which contains a form where our employees input job information. When the form is submitted it brings you to a page that looks almost identical to it. On this page, the input fields have been changes to the user's submitted text. When this page loads, so does the print dialog so the user can print it instantly.

The problem is that since the form and the print page look the same, some of our employees (out of habit from our old system) hit ctrl+p and print the form before submitting it.

Since there is a way to automatically bring up the print dialog, I was wondering if there is a way to disable it all together.

This system is used only by our employees who all use the latest version of Firefox. The solution only needs to work for this browser.

Any help is greatly appreciated. Thank you!

Hi there
It's huge problem for me but I don't think it is for many of you here.
I have been asked at the college to make a manual lottery checker using javascript, but I found lots of problem during the coding. To make it more clear it's about 3 players they always play the same set of 6 number between 1 and 49. the players enter manually the winning number using a prompt which popup when you open the page (No button required for this, just simple prompt). each time you type duplicate number an alert tells that this number been entered, when the six number been successfully entered will ask for the bonus ball the same way but it should between 1 and 49 as well. When this done the program print out for each player the much numbers.
This my peace of coding but I stucked in many bits in it. I need your knowledge guys in javascript to fix this for me.

Code:

<html>
<head>
    <title>Lottery Checker</title>
<h1>Lottery Checker</h1>
</head>
<body>

    <script type="text/javascript">
	
	//Declare Variable
	
	var number1 = [3, 9, 18, 27, 30, 33];
	var number2 = [5, 7, 11, 12, 34, 42];
	var number3= [4, 15, 21, 23, 27, 31];
	var drawNumber = [];
	var bonusBall = [];

	//Declare variable Times and Dates
	
	var currentTime = new Date();
	var day = currentTime.toUTCString();

	// Print out the player set numbers
	document.write("<h4>You visited the lottery website at  :</h4>" + day);  //Print out Times and Dates
	
	document.write('<p>Player number 1  : '+ number1 +'</p>');
    document.write('<p>Player number 2  : '+ number2 +'</p>');
    document.write('<p>Player number 3  : '+ number3 +'</p>');
	
    //Copare Lottery Number arrays
	
	
	
	
    //Add input number using prompt to add the 6 bonus number and the bonus ball
	for (var i=0 ; i<=5 ; i++)
	{	
	    drawNumber[i] = prompt("Enter the Lottery draw Number.");
		 drawNumber.sort(function(a, b){return a-b});
		 
               //Fix the lottery Numbers between 1 and 49
	    while (drawNumber[i]<1 || drawNumber[i]>49)
	    {
	    drawNumber[i] = prompt("The lottery Number should be between 1 and 49");  // to insert Prompt insteat the Alert
		} 
		
		if (drawNumber[i] = drawNumber)   // if statement to be checked again
	    {
	    alert('You already entered this number');// if statement to be checked again
	    }	
	}
	    document.write('<p>The winning lottery number for this week: '+drawNumber+ ', The bonus number: '+ drawNumber[6] + '</p></br>');
	 //Sort the winning number by each player
	 
	 // Display the result for each player how many number much
	 document.write('Player  1 winning numbers: ' + drawNumber +'</br>');
	 document.write('Player  2 winning numbers: ' + drawNumber +'</br>');
	 document.write('Player  3 winning numbers: ' + drawNumber +'</br>');
		
	</script>
	
</body>
</html>

Hi,

Is there a way to print (sending to printer) the partial contents within the HTML file
Ex: Can i print content of div2 only?.


<html>
<body>
<div id='div1'>
....
</div>
<div id='div2'>
....
</div>
</body>
</html>

Can you please let me know your inputs. Thanks..

hi,
I need to modify IE print settings(paper size, print orientation) automatically,
by javascript and can not use ActiveX control or reduce IE security setting.
Can any one tell me how to implement this function,Thanks.