Solved

PHP Form Dropdown List - Having Issues

Posted on 2009-07-07
9
493 Views
Last Modified: 2013-11-18
I am having issues trying to change the search form buttons into a dropdown list.  

The script works fine, it's just I am having issues taking the form out of buttons into a dropdown to select and have the dropdown select "onClick"

I have pasted the code below.  Any assistance would be greatly appreciated.
<head>
	<title>Multi-Search</title>
	<script type="text/javascript">
	<!--
		
		function wikipedia(form){
  			var f = form.input.value; 		
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + " http://en.wikipedia.org/wiki/"  + f +   "' width='100%' height='480'></iframe>"
		}
	
		function google(form){
  			var f = form.input.value;  
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.google.com/search?hl=en&q="  + f +   "' width='100%' height='480'></iframe>"
		}
		
			function clusty(form){
  			var f = form.input.value;  
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://clusty.com/search?input-form=clusty-simple&v%3Asources=webplus&query="  + f +   "' width='100%' height='480'></iframe>"
		}	
		
		function wolfram(form){
  			var f = form.input.value;  
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.wolframalpha.com/input/?i="  + f +   "' width='100%' height='480'></iframe>"
		}	
		
		function delicious(form){
  			var f = form.input.value;  
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://delicious.com/search?p="  + f +   "' width='100%' height='480'></iframe>"
		}	
		
		function twitter(form){
  			var f = form.input.value;  
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://search.twitter.com/search?q="  + f +   "' width='100%' height='480'></iframe>"
		}	
				
		function ebay(form){
  			var f = form.input.value;  
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://shop.ebay.com/?_from=R40&_trksid=p3907.m38.l1313&_nkw="  + f +   "' width='100%' height='480'></iframe>"
		}	
		
		function amazon(form){
  			var f = form.input.value;  
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.amazon.com/s/ref=nb_ss_gw?url=search-alias%3Daps&field-keywords="  + f +   "' width='100%' height='480'></iframe>"
		}	
 
		function craigslist(form){
  			var f = form.input.value;  
			document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://raleigh.craigslist.org/search/sss?query="  + f +   "' width='100%' height='480'></iframe>"
		}	
		
 
 
		function googleSets(form){
	  		var f = form.input.value; 
			var s = "";
			for(var i=0; i<f.length; i++){
				if(f.charAt(i) != " "){s = s + f.charAt(i)}
				else{s = s + "&q2="}
			}
 
			
			
			document.getElementById("1").innerHTML = document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://labs.google.com/sets?hl=en&q1="  + s +   "' width='100%' height='480'></iframe>";
			//Example URL for javascript and dom: http://labs.google.com/sets?hl=en&q1=javascript&q2=dom
		
		}
 
 
 
		
 
 
		
	//-->
	</script>	
</head>
<body>
 
<FORM>
	<INPUT NAME="input" VALUE="" MAXLENGTH="100" SIZE=20>
	<INPUT NAME="calc" VALUE="Google" TYPE=BUTTON onClick=google(this.form)>
	<INPUT NAME="calc" VALUE="Wikipedia" TYPE=BUTTON onClick=wikipedia(this.form)>
	<INPUT NAME="calc" VALUE="Clusty" TYPE=BUTTON onClick=clusty(this.form)>
	<INPUT NAME="calc" VALUE="Wolfram|Alpha" TYPE=BUTTON onClick=wolfram(this.form)>
	<INPUT NAME="calc" VALUE="delicious" TYPE=BUTTON onClick=delicious(this.form)>
	<INPUT NAME="calc" VALUE="twitter" TYPE=BUTTON onClick=twitter(this.form)>	
	<INPUT NAME="calc" VALUE="eBay" TYPE=BUTTON onClick=ebay(this.form)>
	<INPUT NAME="calc" VALUE="amazon" TYPE=BUTTON onClick=amazon(this.form)>	
	<INPUT NAME="calc" VALUE="craigslist" TYPE=BUTTON onClick=craigslist(this.form)>
	<INPUT NAME="calc" VALUE="Google Sets" TYPE=BUTTON onClick=googleSets(this.form)>
	
</FORM>
 
	<div id = "1"></div>
 
</body>
</html>

Open in new window

0
Comment
Question by:revitmedia
  • 5
  • 4
9 Comments
 
LVL 6

Expert Comment

by:coolersport
ID: 24800333
Here you go. You don't need a form now.

<head>
        <title>Multi-Search</title>
        <script type="text/javascript">
        <!--
                
                function wikipedia(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + " http://en.wikipedia.org/wiki/"  + f +   "' width='100%' height='480'></iframe>"
                }
        
                function google(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.google.com/search?hl=en&q="  + f +   "' width='100%' height='480'></iframe>"
                }
                
                        function clusty(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://clusty.com/search?input-form=clusty-simple&v%3Asources=webplus&query="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function wolfram(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.wolframalpha.com/input/?i="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function delicious(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://delicious.com/search?p="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function twitter(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://search.twitter.com/search?q="  + f +   "' width='100%' height='480'></iframe>"
                }       
                                
                function ebay(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://shop.ebay.com/?_from=R40&_trksid=p3907.m38.l1313&_nkw="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function amazon(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.amazon.com/s/ref=nb_ss_gw?url=search-alias%3Daps&field-keywords="  + f +   "' width='100%' height='480'></iframe>"
                }       
 
                function craigslist(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://raleigh.craigslist.org/search/sss?query="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
 
 
                function googleSets(f){
                        var s = "";
                        for(var i=0; i<f.length; i++){
                                if(f.charAt(i) != " "){s = s + f.charAt(i)}
                                else{s = s + "&q2="}
                        }
 
                        
                        
                        document.getElementById("1").innerHTML = document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://labs.google.com/sets?hl=en&q1="  + s +   "' width='100%' height='480'></iframe>";
                        //Example URL for javascript and dom: http://labs.google.com/sets?hl=en&q1=javascript&q2=dom
                
                }
 
 
 function search() {
	var type = document.getElementById('type').value;
	var input = document.getElementById('input').value;
	if (type == "Google")
		google(input);
	else if (type == "Wikipedia")
		wikipedia(input);
	else if (type == "Clusty")
		clusty(input);
	else if (type == "Wolfram|Alpha")
		wolfram(input);
	else if (type == "delicious")
		delicious(input);
	else if (type == "twitter")
		twitter(input);
	else if (type == "eBay")
		ebay(input);
	else if (type == "amazon")
		amazon(input);
	else if (type == "craigslist")
		craigslist(input);
	else if (type == "Google Sets")
		googleSets(input);
 }
                
 
 
                
        //-->
        </script>       
</head>
<body>
 
        <INPUT id="input" NAME="input" VALUE="" MAXLENGTH="100" SIZE=20>
		<SELECT id="type" size="1" onclick="search();">
			<OPTION VALUE="" SELECTED>
			<OPTION VALUE="Google">Google
			<OPTION VALUE="Wikipedia">Wikipedia
			<OPTION VALUE="Clusty">Clusty
			<OPTION VALUE="Wolfram|Alpha">Wolfram|Alpha
			<OPTION VALUE="delicious">delicious
			<OPTION VALUE="twitter">twitter
			<OPTION VALUE="eBay">eBay
			<OPTION VALUE="amazon">amazon
			<OPTION VALUE="craigslist">craigslist
			<OPTION VALUE="Google Sets">Google Sets
		</SELECT>
 
        <div id = "1"></div>
 
</body>
</html>

Open in new window

0
 
LVL 6

Expert Comment

by:coolersport
ID: 24800364
I reckon you should utilize a button Search rather than using onclick which might be troublesome to user. Please see another version of it.

<head>
        <title>Multi-Search</title>
        <script type="text/javascript">
        <!--
                
                function wikipedia(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + " http://en.wikipedia.org/wiki/"  + f +   "' width='100%' height='480'></iframe>"
                }
        
                function google(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.google.com/search?hl=en&q="  + f +   "' width='100%' height='480'></iframe>"
                }
                
                        function clusty(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://clusty.com/search?input-form=clusty-simple&v%3Asources=webplus&query="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function wolfram(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.wolframalpha.com/input/?i="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function delicious(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://delicious.com/search?p="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function twitter(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://search.twitter.com/search?q="  + f +   "' width='100%' height='480'></iframe>"
                }       
                                
                function ebay(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://shop.ebay.com/?_from=R40&_trksid=p3907.m38.l1313&_nkw="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function amazon(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.amazon.com/s/ref=nb_ss_gw?url=search-alias%3Daps&field-keywords="  + f +   "' width='100%' height='480'></iframe>"
                }       
 
                function craigslist(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://raleigh.craigslist.org/search/sss?query="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
 
 
                function googleSets(f){
                        var s = "";
                        for(var i=0; i<f.length; i++){
                                if(f.charAt(i) != " "){s = s + f.charAt(i)}
                                else{s = s + "&q2="}
                        }
 
                        
                        
                        document.getElementById("1").innerHTML = document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://labs.google.com/sets?hl=en&q1="  + s +   "' width='100%' height='480'></iframe>";
                        //Example URL for javascript and dom: http://labs.google.com/sets?hl=en&q1=javascript&q2=dom
                
                }
 
 
 function search() {
	var type = document.getElementById('type').value;
	var input = document.getElementById('input').value;
	if (type == "Google")
		google(input);
	else if (type == "Wikipedia")
		wikipedia(input);
	else if (type == "Clusty")
		clusty(input);
	else if (type == "Wolfram|Alpha")
		wolfram(input);
	else if (type == "delicious")
		delicious(input);
	else if (type == "twitter")
		twitter(input);
	else if (type == "eBay")
		ebay(input);
	else if (type == "amazon")
		amazon(input);
	else if (type == "craigslist")
		craigslist(input);
	else if (type == "Google Sets")
		googleSets(input);
 }
                
 
 
                
        //-->
        </script>       
</head>
<body>
 
        <INPUT id="input" NAME="input" VALUE="" MAXLENGTH="100" SIZE=20>
		<SELECT id="type" size="1">
			<OPTION VALUE="" SELECTED>
			<OPTION VALUE="Google">Google
			<OPTION VALUE="Wikipedia">Wikipedia
			<OPTION VALUE="Clusty">Clusty
			<OPTION VALUE="Wolfram|Alpha">Wolfram|Alpha
			<OPTION VALUE="delicious">delicious
			<OPTION VALUE="twitter">twitter
			<OPTION VALUE="eBay">eBay
			<OPTION VALUE="amazon">amazon
			<OPTION VALUE="craigslist">craigslist
			<OPTION VALUE="Google Sets">Google Sets
		</SELECT>
		<input type="button" value="Search" onclick="search();" />
 
        <div id = "1"></div>
 
</body>
</html>

Open in new window

0
 

Author Comment

by:revitmedia
ID: 24800467
What would be awesome is to have a jquery/ajax function to highlight the text/dropdown boxes when clicked.
0
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
LVL 6

Expert Comment

by:coolersport
ID: 24800475
Can you be clearer on that?
0
 

Author Comment

by:revitmedia
ID: 24800571
Well...you have already answered my question and helped me out greatly!

But I was curious how I would implementthis without a form?
http://yensdesign.com/2009/01/improving-search-boxes-with-jquery/
0
 
LVL 6

Expert Comment

by:coolersport
ID: 24800654
I'm still not sure what you meant but please review another version of your search form with some additional enhancements with my best understanding:
- Textbox and dropdown is highlighted on focus
- The search function will not do anything if the text field is empty
- Textbox is auto-focus on load
- Make google the default search engine
- While typing in the textbox, press Enter will do the search immediately
- If user change search engine in the dropdown, it will do the search immediately with that engine

Hope that make you happier.

Cheers,
Tien

<head>
        <title>Multi-Search</title>
        <script type="text/javascript">
        <!--
                
                function wikipedia(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + " http://en.wikipedia.org/wiki/"  + f +   "' width='100%' height='480'></iframe>"
                }
        
                function google(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.google.com/search?hl=en&q="  + f +   "' width='100%' height='480'></iframe>"
                }
                
                        function clusty(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://clusty.com/search?input-form=clusty-simple&v%3Asources=webplus&query="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function wolfram(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.wolframalpha.com/input/?i="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function delicious(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://delicious.com/search?p="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function twitter(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://search.twitter.com/search?q="  + f +   "' width='100%' height='480'></iframe>"
                }       
                                
                function ebay(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://shop.ebay.com/?_from=R40&_trksid=p3907.m38.l1313&_nkw="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function amazon(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.amazon.com/s/ref=nb_ss_gw?url=search-alias%3Daps&field-keywords="  + f +   "' width='100%' height='480'></iframe>"
                }       
 
                function craigslist(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://raleigh.craigslist.org/search/sss?query="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
 
 
                function googleSets(f){
                        var s = "";
                        for(var i=0; i<f.length; i++){
                                if(f.charAt(i) != " "){s = s + f.charAt(i)}
                                else{s = s + "&q2="}
                        }
 
                        
                        
                        document.getElementById("1").innerHTML = document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://labs.google.com/sets?hl=en&q1="  + s +   "' width='100%' height='480'></iframe>";
                        //Example URL for javascript and dom: http://labs.google.com/sets?hl=en&q1=javascript&q2=dom
                
                }
 
 
 function search() {
	var type = document.getElementById('type').value;
	var input = document.getElementById('input').value;
	if (!input) return;
	if (type == "Google")
		google(input);
	else if (type == "Wikipedia")
		wikipedia(input);
	else if (type == "Clusty")
		clusty(input);
	else if (type == "Wolfram|Alpha")
		wolfram(input);
	else if (type == "delicious")
		delicious(input);
	else if (type == "twitter")
		twitter(input);
	else if (type == "eBay")
		ebay(input);
	else if (type == "amazon")
		amazon(input);
	else if (type == "craigslist")
		craigslist(input);
	else if (type == "Google Sets")
		googleSets(input);
	document.getElementById('input').focus();
 }
                
 function init() {
	var input = document.getElementById('input');
	input.focus(); // auto focus the text field
	input.onkeypress = function(e) { // do the search upon enter key is pressed
		if (!e)
			var e = window.event;
		if (e.keyCode == 13) {
			search();
			return false;
		}
	};
 }
                
        //-->
        </script>       
</head>
<body onload="init();">
 
        <INPUT id="input" NAME="input" VALUE="" MAXLENGTH="100" SIZE=20>
		<SELECT id="type" size="1" onchange="search()">
			<OPTION VALUE="Google" SELECTED>Google
			<OPTION VALUE="Wikipedia">Wikipedia
			<OPTION VALUE="Clusty">Clusty
			<OPTION VALUE="Wolfram|Alpha">Wolfram|Alpha
			<OPTION VALUE="delicious">delicious
			<OPTION VALUE="twitter">twitter
			<OPTION VALUE="eBay">eBay
			<OPTION VALUE="amazon">amazon
			<OPTION VALUE="craigslist">craigslist
			<OPTION VALUE="Google Sets">Google Sets
		</SELECT>
		<input type="button" value="Search" onclick="search();" />
 
        <div id = "1"></div>
 
</body>
</html>

Open in new window

0
 
LVL 6

Accepted Solution

by:
coolersport earned 500 total points
ID: 24800657
Sorry, use this version:

<head>
        <title>Multi-Search</title>
<style tyle="text/css">
<!--
#input,#type{border-width:1px}
#input:focus,#type:focus{background-color: #fcc}
-->
</style>
        <script type="text/javascript">
        <!--
                
                function wikipedia(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + " http://en.wikipedia.org/wiki/"  + f +   "' width='100%' height='480'></iframe>"
                }
        
                function google(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.google.com/search?hl=en&q="  + f +   "' width='100%' height='480'></iframe>"
                }
                
                        function clusty(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://clusty.com/search?input-form=clusty-simple&v%3Asources=webplus&query="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function wolfram(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.wolframalpha.com/input/?i="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function delicious(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://delicious.com/search?p="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function twitter(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://search.twitter.com/search?q="  + f +   "' width='100%' height='480'></iframe>"
                }       
                                
                function ebay(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://shop.ebay.com/?_from=R40&_trksid=p3907.m38.l1313&_nkw="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
                function amazon(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://www.amazon.com/s/ref=nb_ss_gw?url=search-alias%3Daps&field-keywords="  + f +   "' width='100%' height='480'></iframe>"
                }       
 
                function craigslist(f){
                        document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://raleigh.craigslist.org/search/sss?query="  + f +   "' width='100%' height='480'></iframe>"
                }       
                
 
 
                function googleSets(f){
                        var s = "";
                        for(var i=0; i<f.length; i++){
                                if(f.charAt(i) != " "){s = s + f.charAt(i)}
                                else{s = s + "&q2="}
                        }
 
                        
                        
                        document.getElementById("1").innerHTML = document.getElementById("1").innerHTML = "<iframe id='test' src ='" + "http://labs.google.com/sets?hl=en&q1="  + s +   "' width='100%' height='480'></iframe>";
                        //Example URL for javascript and dom: http://labs.google.com/sets?hl=en&q1=javascript&q2=dom
                
                }
 
 
 function search() {
	var type = document.getElementById('type').value;
	var input = document.getElementById('input').value;
	if (!input) return;
	if (type == "Google")
		google(input);
	else if (type == "Wikipedia")
		wikipedia(input);
	else if (type == "Clusty")
		clusty(input);
	else if (type == "Wolfram|Alpha")
		wolfram(input);
	else if (type == "delicious")
		delicious(input);
	else if (type == "twitter")
		twitter(input);
	else if (type == "eBay")
		ebay(input);
	else if (type == "amazon")
		amazon(input);
	else if (type == "craigslist")
		craigslist(input);
	else if (type == "Google Sets")
		googleSets(input);
	document.getElementById('input').focus();
 }
                
 function init() {
	var input = document.getElementById('input');
	input.focus(); // auto focus the text field
	input.onkeypress = function(e) { // do the search upon enter key is pressed
		if (!e)
			var e = window.event;
		if (e.keyCode == 13) {
			search();
			return false;
		}
	};
 }
                
        //-->
        </script>       
</head>
<body onload="init();">
 
        <INPUT id="input" NAME="input" VALUE="" MAXLENGTH="100" SIZE=20>
		<SELECT id="type" size="1" onchange="search()">
			<OPTION VALUE="Google" SELECTED>Google
			<OPTION VALUE="Wikipedia">Wikipedia
			<OPTION VALUE="Clusty">Clusty
			<OPTION VALUE="Wolfram|Alpha">Wolfram|Alpha
			<OPTION VALUE="delicious">delicious
			<OPTION VALUE="twitter">twitter
			<OPTION VALUE="eBay">eBay
			<OPTION VALUE="amazon">amazon
			<OPTION VALUE="craigslist">craigslist
			<OPTION VALUE="Google Sets">Google Sets
		</SELECT>
		<input type="button" value="Search" onclick="search();" />
 
        <div id = "1"></div>
 
</body>
</html>

Open in new window

0
 

Author Comment

by:revitmedia
ID: 24800730
Also, one last quick question...sorry...

How do I change the submit button to an image?
0
 

Author Comment

by:revitmedia
ID: 24800744
I figured it out....thank you so much for your help!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question