2015 September 23 Archive - EXEIdeas

In this article we’re going to cover the following popular script snippets!Web developers often use JavaScript for common tasks on their websites. In this tutorial we’ll show you the top 10 JavaScript snippets you can use on your webpages by just cutting and pasting!Date displayCalendarCopy Selected TextBreak out of FramesIP Address1.) Date Display:You can use this snippet to display the current date in this format: Friday, June 11, 2010. Just paste the following code where you want the date to show up on your page: var now = new Date();var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');var date = ((now.getDate() 2.) Calendar:This is a plain and simple monthly calendar. It’s formatted with styles sheets so the appearance can easily be changed. In the head of your document, add the following style sheet and JavaScript code: span.label {color:black;width:30;height:16;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial}span.c1 {cursor:hand;color:black;width:30;height:16;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial}span.c2 {cursor:hand;color:red;width:30;height:16;text-align:center;margin-top:0;background:#ffF;font:bold 13px Arial}span.c3 {cursor:hand;color:#b0b0b0;width:30;height:16;text-align:center;margin-top:0;background:#ffF;font:bold 12px Arial} function maxDays(mm, yyyy){var mDay; if((mm == 3) || (mm == 5) || (mm == 8) || (mm == 10)){ mDay = 30; } else{ mDay = 31 if(mm == 1){ if (yyyy/4 - parseInt(yyyy/4) != 0){ mDay = 28 } else{ mDay = 29 } } }return mDay;}function changeBg(id){ if (eval(id).style.backgroundColor != "yellow"){ eval(id).style.backgroundColor = "yellow" } else{ eval(id).style.backgroundColor = "#ffffff" }}function writeCalendar(){var now = new Datevar dd = now.getDate()var mm = now.getMonth()var dow = now.getDay()var yyyy = now.getFullYear()var arrM = new Array("January","February","March","April","May","June","July","August","September","October","November","December")var arrY = new Array() for (ii=0;ii "text += " "text += " "text += " "text += " "text += " "for (ii=0;ii " + arrM[ii] + " "}else{text += " " + arrM[ii] + " "}}text += " "text += " "text += " "text += " "for (ii=0;ii " + arrY[ii] + " "}else{text += " " + arrY[ii] + " "}}text += " "text += " "text += " "text += " "text += " "text += " "text += " "for (ii=0;ii " + arrD[ii] + " "}text += " "aa = 0for (kk=0;kk "for (ii=0;ii 1 "aa += 1}text += " "}text += " "text += " "text += " "text += " "document.write(text)changeCal()}function changeCal(){var now = new Datevar dd = now.getDate()var mm = now.getMonth()var dow = now.getDay()var yyyy = now.getFullYear()var currM = parseInt(document.calForm.selMonth.value)var prevMif (currM!=0){prevM = currM - 1}else{prevM = 11}var currY = parseInt(document.calForm.selYear.value)var mmyyyy = new Date()mmyyyy.setFullYear(currY)mmyyyy.setMonth(currM)mmyyyy.setDate(1)var day1 = mmyyyy.getDay()if (day1 == 0){day1 = 7}var arrN = new Array(41)var aafor (ii=0;ii 20))||((ii>27)&&(arrN[ii] 6){dCount=0}}} Then, in the body of your document, add the following where you want the calendar to show up: writeCalendar() 3.) Copy Selected Text:Often you may have some information on your page that your visitors might want to copy. You can make it easier for them by providing a mechanism that allows them to simply click a button to do so. First you need to paste this code into the head of your web page: function copyit(theField) { var selectedText = document.selection; if (selectedText.type == 'Text') { var newRange = selectedText.createRange(); theField.focus(); theField.value = newRange.text; } else { alert('select a text in the page and then press this button'); }} And in the body of your web page, add the following where you want the text to appear: 4.) Break Out Of Frames:To stop your page being framed by someone else, which isn’t a common practice any longer thankfully, put this event handler into the body tag of your document: 5.) IP Address:Often you may want to let the visitor know that you are aware of their IP address. You can do so using a few lines of code, as shown here. Place the code where you want the IP address to appear: var ip = ' ';document.write("Your IP address is" + ip); Last Words:This is what we have and shared in easy steps for newbies so that they can easily know how it works. Stay with us because we are going to share alot more about coding and make it easy for you. If you liked it then share it and be with us to get next awesome snippet. If you have any problem then feel free to ask us. We will help you with what we can or have. That’s it! If you know of some other script snippets, let us know using the comments below and we will add them to this article!