WebDeveloper.com - JavaScript

screenshot div into new window and print

Aravona — Thu, 20 Jun 2013 08:38:29 GMT

I have a div, with checkboxes in, which I want to be able to print.

I can open the div, and print, with the following code:

Code:

var prtContent = document.getElementById("main");

    var WinPrint = window.open('', '', 'letf=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');

        WinPrint.document.write(prtContent.innerHTML);

        WinPrint.document.close();

        WinPrint.focus();

        WinPrint.print();

        WinPrint.close();

However, all the checkboxes are blank, no matter how many are ticked in the div before pressing the 'print' button I set up.

Also, since this is unstyled, and I have custom checkboxes, how would I go about getting the images to print (if I put the css in, they display on the new window, but if I print the page they are missing?)

Thanks in advance,

Aravona.

Queue system (Next-Prev)

marlz_alcatraz — Thu, 20 Jun 2013 07:15:10 GMT

hi all,

i have some question, how to make blinking text and ding sound , the trigger if i click (next) in queue script below :

Counter

also , what if i want to change the click trigger button , in to press button (like press + button) to next, and press - (to prev)

thanks guys.

Text Translation From English To Telugu

parsanamoni — Thu, 20 Jun 2013 06:57:51 GMT

i have two text boxes in my form.when i type the text in the first text box which is English language.now i need to display the the text in Telugu language in other text box. Please let me know how can i do this.Make sure by using java script only i need to develop.

button to close ALL IE windows?

Kremlar — Thu, 20 Jun 2013 02:43:56 GMT

I apologize in advance for my ignorance, I'm not proficient in web development but I'm trying to create a solution for a problem I have.

I have an HTML file I'm using which displays the contents of a folder hosted on IIS6. The file is stored in a folder protected by Windows folder permissions, so when the HTML file is launched a login window appears asking for credentials - which is exactly what I want.

I've also created a "close" button which will close the browser tab which works great:

This works great if the HTML file is in the only open IE tab. However, if the user has a 2nd IE window or tab open IE will remember the login credentials so even if I close my window using the above code, the user is not prompted to login again the next time the HTML file is open.

Is there any way to close ALL browser windows with the click of a button? Even if the user is prompted to confirm the close?

Any other easy solutions?

Thanks!

jQuery Problem moving the rows to the left with keyboard

mark107 — Thu, 20 Jun 2013 02:06:51 GMT

Hi guys,

I need your help as I has got a problem with my JavaScript. I got four rows of div with each different rows size. I can be able to move the yellow row to the right on each small row using with the keyboard right arrow button while i can be able to move the small rows to the left.

The problem I has got I can be able to move the yellow row to the big row, but I can't be able to move the big rows to the left when I press on the keyboard right arrow button.

Here is the code:

PHP Code:


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">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript">



function GetXmlHttpObject()

{

  if(window.XMLHttpRequest)

  {

    // code for IE7+, Firefox, Chrome, Opera, Safari

    return new XMLHttpRequest();

  }

  else

  {

    // code for IE6, IE5

    return new ActiveXObject("Microsoft.XMLHTTP");

  }

  return null;

}



var current_col = 1;

var current_row = 1;



$(document).keyup(function(event){

var yellowbg = $(".yellowbg");

var rowwidth = $(".row").css( "width").split("px");

var yellowbgdivclass = yellowbg.attr('class');

var splitclass = yellowbgdivclass.split(" ");

var getcurrentrow = splitclass[1].split("_");



var mainWraptop = $(".mainWrap").position().top;

var mainWrapheight = $(".mainWrap").height();

var rowmove=$("#rowmove").val();

//alert($(".row").length);



var displayrowcount = 6;  //is using for to hide other channels

var rowheight = 42;

var rowwidth = 1053;  //is using for how much width the row is going to display while hide the other rows

var rowwidth1 = 1303;  //is using for how much width the row is going to display while hide the other rows

var totalwidth_current = 0;

var totalwidth_current1 = 0;



if(parseInt(current_row)+parseInt(1) <=5)

{

  for(var i=1; i<=(parseInt(current_row)+parseInt(1));i++ )

  {

    var yellowbgnextdivwidth = $(".div_"+current_col+'_'+i).css( "width"); 

    var yellowbgnextdivwidthsplit = yellowbgnextdivwidth.split("px");

    totalwidth_current=parseInt(totalwidth_current)+parseInt(yellowbgnextdivwidthsplit[0]);

  }

}



  if (event.keyCode == 39) 

  {  //right

    if (yellowbg.next().length)

    {

      var currentrowleft = $(".rowSubPgm div.pgmFirstRow:first").css( "margin-left").split("px");

      currentrowleft1 = currentrowleft[0].split("-");

      currentrowleft2 = currentrowleft[0].split("-");



      if(typeof(currentrowleft2[1])!= "undefined")

        currentrowleft = currentrowleft2[1];

      else if(typeof(currentrowleft1[1])!= "undefined")

        currentrowleft = currentrowleft1[1];

      else

        currentrowleft = currentrowleft[0];

                    

      var nextdivwidth = $(".div_"+current_col+'_'+(parseInt(current_row)+parseInt(1))).css( "width").split("px");    

                

      //alert((parseInt(rowwidth)+parseInt(currentrowleft)));

      //alert(totalwidth_current);

      //alert((parseInt(rowwidth)+parseInt(currentrowleft)) < totalwidth_current);

      //alert(nextdivwidth);

      //alert(totalwidth_current);

      

      if((parseInt(rowwidth)+parseInt(currentrowleft)) < totalwidth_current)

      {

    $("body").find('.rowSubPgm').each(function(index) {

    //var approx = rowwidth/250;

    $(this).find('.pgmFirstRow:first').css( "margin-left", "-"+(rowwidth)+"px" );

    });

    $(".rows div:nth-child(2)").css( "margin-left", "-"+parseInt(rowleft)-70 );

      }

                

      if(yellowbg.next().position().top == yellowbg.position().top)

      {

    $(".div_"+current_col+'_'+current_row).css( "margin-left", "-"+rowleft );

      }

      else

      {                

    currentrowleft = parseInt(currentrowleft)+rowwidth;

    var rowleft = currentrowleft+="px";

    $("body").find('.rowSubPgm').each(function(index) {

    $(this).find('.pgmFirstRow:first').css( "margin-left", "-"+rowleft );

    });

    $(".rows div:nth-child(2)").css( "margin-left", "-"+parseInt(rowleft)-70 );                

      }            

      current_row++;

    }

  }

}

The problem I believe are somewhere in this code:

PHP Code:


if((parseInt(rowwidth)+parseInt(currentrowleft)) < totalwidth_current)

      {

    $("body").find('.rowSubPgm').each(function(index) {

    //var approx = rowwidth/250;

    $(this).find('.pgmFirstRow:first').css( "margin-left", "-"+(rowwidth)+"px" );

    });

    $(".rows div:nth-child(2)").css( "margin-left", "-"+parseInt(rowleft)-70 );

      }

                

      if(yellowbg.next().position().top == yellowbg.position().top)

      {

    $(".div_"+current_col+'_'+current_row).css( "margin-left", "-"+rowleft );

      }

      else

      {                

    currentrowleft = parseInt(currentrowleft)+rowwidth;

    var rowleft = currentrowleft+="px";

    $("body").find('.rowSubPgm').each(function(index) {

    $(this).find('.pgmFirstRow:first').css( "margin-left", "-"+rowleft );

    });

    $(".rows div:nth-child(2)").css( "margin-left", "-"+parseInt(rowleft)-70 );                

      }

The big rows size I can't be able to move to the left is 501, 701, 1051 and 1553.

Does anyone know how I can move the big rows to the left using with the keyboard right arrow button??

Any advice would be much appreciated.

Thanks in advance

Dynamically changing drop down boxes

alanl1 — Thu, 20 Jun 2013 01:06:49 GMT

Hi All.
I have a javascript function that changes the value of the next dropdown box from a list of multiple dropdown boxes based on an onchange event as shown below.
What I want to do is if the user selects for instance "software manufacturer" then it is never available again in any of the next dropdown boxes.
I can get this to work for the second checkbox but it comes back again for the 3rd checkbox and so on.

Hope it makes sense

Code:

onchange="fillSelect(this,categories[this.value]

Code:

var categories = [];

categories["startList"] = ["Software Manufacturer","Product Name","Product Version","Keep Existing","Ignore"]

categories["Software Manufacturer"] = ["Product Name","Product Version","Keep Existing","Ignore"];

categories["Product Name"] = ["Software Manufacturer","Product Version","Keep Existing","Ignore"];

categories["Product Version"] = ["Software Manufacturer","Product Name","Keep Existing","Ignore"];

 categories["Keep Existing"] = ["Software Manufacturer","Product Name","Product Version","Keep Existing","Ignore"];

 categories["Ignore"] = ["Software Manufacturer","Product Name","Product Version","Keep Existing","Ignore"];

Simple JavaScript issue that is making my head ache!

iainjsimons — Wed, 19 Jun 2013 16:48:34 GMT

I have simple script designed to check if

If a div1 is visible (display : none or block)
if a textfield has any content

The page is designed to show a div section containing 4 text fields that are repeated on the page depending on the above conditions, so if a qty is entered in the first section if would check if the second div is set to display : none and if it is change this to block so it is viewable, it then also checks to see see if they first quantity field is not blank so it does not toggle the form back to none on entering a second figure.

Code:

HTML

Code:







Part2 

Size  

Qty

But for some reason the second part of the JavaScript if condition is being ignored and it just toggle the display with each key entry, Have I missed something simple?

Thanks for looking. (it's been a long day and it's not getting any shorter!)

JScript Malware decoding - Please help me

hansihans123 — Wed, 19 Jun 2013 15:25:52 GMT

Hello community,
I am from brazil and found a jscript worm on many usb sticks an computer in my office.
Please help me.

I want to decode the javascript file to see what the malware is doing on the computer and what files are gone.
Please help me! Thank you.

http://pastebin.com/embed_js.php?i=a4Vtqh4N

Javascript strange error

svidotto — Wed, 19 Jun 2013 15:23:41 GMT

hi!
i'm pretty new to web programming and programming in general.
i want to make a web page with various languages (english, italian, croatian...etc)
i wrote the html for it but i encountered a problem.

i want to make the site remember the language a visitor has set the last time he visited my webpage in a cookie.
and every time before the parsing of the page i want my javascript file to check if the language cookie is set, and if not, to create it and set its value to "english".
i used jquery and jquery cookie plugin (they are regular included in index.html in the

Go to slide3

Go to slide5

Like I stated, this will work if you're already on the same page that the slider lives on. But I want to build a static URL that will link directly to a slide. I tried this with no luck:

click here for slide 3

Any help would be greatly appreciated. Thank you!