mon_e_mons's Profile User Rating: -----

Reputation: 0 Apprentice
Group:
Members
Active Posts:
34 (0.04 per day)
Joined:
05-October 12
Profile Views:
627
Last Active:
User is offline Dec 18 2014 06:05 PM
Currently:
Offline

Previous Fields

Dream Kudos:
0
Icon   mon_e_mons has not set their status

Posts I've Made

  1. In Topic: How do I change pictures by mouse over?

    Posted 3 Aug 2014

    View Postbaavgai, on 02 August 2014 - 01:32 PM, said:

    Awww, you chucked the jquery? Just for fun, you could do this almost entirely in Javascript:
    [snip]

    Note how much less typing you need do in markup. Also, adding more links becomes pretty trivial.

    Hope this helps.



    Thanks for this solution :D/>/> I DID find it silly writing the tag id for the images and links twice to use my method :\
  2. In Topic: How do I change pictures by mouse over?

    Posted 31 Jul 2014

    figured it out, fellas

    <!DOCTYPE html>
    <html>
    <head>
    	<title>Test 4</title>
    	<style type="text/css">
    	img { width:  10%;
    		  height: 10%;
    		  margin:  1%;}
    	div img { width: 20%;
    			  height: 20%;}
    	</style>
    	<script>
    	function change(link, img) {
    		var selectedLink  = document.getElementById("selectedLink");
    		var selectedImg   = document.getElementById("selectedImg");
    
    		var thumbLink     = document.getElementById(link);
    		var thumbImg      = document.getElementById(img);
    
    		selectedLink.href = thumbLink.href;
    		selectedImg.src   = thumbImg.src;
    	}
    	</script>
    </head>
    <body>
    	<div><a id="selectedLink"href="https://twitter.com"><img id="selectedImg"src="img/twitter.png"></a></div><br>
    	<a id="link1" onmouseover="change('link1', 'img1')" href="https://twitter.com"  ><img id="img1" src="img/twitter.png"  ></a>
    	<a id="link2" onmouseover="change('link2', 'img2')" href="https://facebook.com" ><img id="img2" src="img/facebook.png" ></a>
    	<a id="link3" onmouseover="change('link3', 'img3')" href="https://instagram.com"><img id="img3" src="img/instagram.png"></a>
    	<a id="link4" onmouseover="change('link4', 'img4')" href="https://linkedin.com" ><img id="img4" src="img/linkedin.png" ></a>
    	<a id="link5" onmouseover="change('link5', 'img5')" href="https://pinterest.com"><img id="img5" src="img/pinterest.png"></a>
    	<p id="test"></p>
    </body>
    </html>
    
  3. In Topic: How do I change pictures by mouse over?

    Posted 31 Jul 2014

    this is a working version of it but all of the JS is inline and it looks hideous. I want the mouseover to access a function instead.

    <!DOCTYPE html>
    <html>
    <head>
    	<title>Test 4</title>
    	<style type="text/css">
    	img { width:  10%;
    		  height: 10%;
    		  margin:  1%;}
    
    	div img { width: 20%;
    			  height: 20%;}
    	</style>
    </head>
    <body>
    	<div><a id="selectedLink"href="https://twitter.com"><img id="selectedImg"src="img/twitter.png"></a></div><br>
    	<a id="link1" onmouseover="document.getElementById('selectedLink').href = this.href;" href="https://twitter.com"  ><img id="img1" onmouseover="document.getElementById('selectedImg').src = this.src;" src="img/twitter.png"  ></a>
    	<a id="link2" onmouseover="document.getElementById('selectedLink').href = this.href;" href="https://facebook.com" ><img id="img2" onmouseover="document.getElementById('selectedImg').src = this.src;" src="img/facebook.png" ></a>
    	<a id="link3" onmouseover="document.getElementById('selectedLink').href = this.href;" href="https://instagram.com"><img id="img3" onmouseover="document.getElementById('selectedImg').src = this.src;" src="img/instagram.png"></a>
    	<a id="link4" onmouseover="document.getElementById('selectedLink').href = this.href;" href="https://linkedin.com" ><img id="img4" onmouseover="document.getElementById('selectedImg').src = this.src;" src="img/linkedin.png" ></a>
    	<a id="link5" onmouseover="document.getElementById('selectedLink').href = this.href;" href="https://pinterest.com"><img id="img5" onmouseover="document.getElementById('selectedImg').src = this.src;" src="img/pinterest.png"></a>
    	<p id="test"></p>
    </body>
    </html>
    
  4. In Topic: How do I allow decimal and only positive values in form input?

    Posted 5 Jun 2014

    Thank you, my good sir! Doesn't discount negatives but it was a beautifully simple solution to allow floats!
  5. In Topic: How do I center the text in this div vertically?

    Posted 15 Apr 2014

    Thank you very much, my good sir!

My Information

Member Title:
New D.I.C Head
Age:
Age Unknown
Birthday:
Birthday Unknown
Gender:

Contact Information

E-mail:
Private

Friends

mon_e_mons hasn't added any friends yet.

Comments

mon_e_mons has no profile comments yet. Why not say hello?