Victorelu » javascript http://victorelu.com Romanian studying in Aarhus Sun, 29 Jan 2012 18:10:43 +0000 en hourly 1 Find Concerts in Your City http://victorelu.com/find-concerts-in-your-city/ http://victorelu.com/find-concerts-in-your-city/#comments Thu, 24 Mar 2011 12:28:24 +0000 Victor http://victorelu.com/?p=827 I have recently launched a platform for easing the finding of concerts in your city or country.

By sharing your location with SupM8.com, you are given the opportunity of finding which are the next musical events in your area, by basically not even using a single click! Saving a concert for later viewing is done easily, just by dragging and dropping the concerts poster in one of the available boxes! And if that is not enough, how about sharing the concert, spreading the word and having fun with your friends during one of the concerts listed?

The website is fully functional only for HTML5 compliant browsers such as the latest versions of Firefox, Chrome or Safari. However, mobile users have the possibility of visiting the mobile version of supm8.com, which they automatically get redirected to.

SupM8.com is proudly powered by APIs from Last.fm, Google Maps and the passion for fun!

]]> http://victorelu.com/find-concerts-in-your-city/feed/ 0 Tutorial: hide DIV with Javascript http://victorelu.com/tutorial-hide-div-with-javascript/ http://victorelu.com/tutorial-hide-div-with-javascript/#comments Fri, 10 Apr 2009 10:54:48 +0000 Victor http://victorelu.com/?p=12 Ok, so I am giong to show you the easiest way to hide a DIV with Javascript. The effect is nice if you tweak it a little bit and this is just to be going you on with.

I am going to write the code of the page here and then I will explain the important actions which take place. It is not the best html code ever but as I said, this is not important.

    <html>
    <head>
    <script type="text/javascript">

    function hidediv()
    { document.getElementById("mydiv").style.display="none"; }
    function showdiv()
    { document.getElementById("mydiv").style.display="block"; }

    </script>
    </head>
    <body>
    <div id="mydiv">This is the text that hides or shows</div>
    <input type="submit" value="Hide!" onclick="hidediv()">
    <input type="submit" value="Show!" onclick="showdiv()">
    </body>
    </html>

Ok, so it wasn’t that hard, was it? Maybe the thing that looks the hardest is the javascript code located in the head section of the html code but then again, let’s check it out:

function hidediv()
    { document.getElementById("mydiv").style.display="none"; }

Alright so, hidediv() is the name of the function and the next line is self explanatory. document.getElementById(“mydiv”).style.display=”none” does exactly what it says: it searches the document for the element with the id “mydiv” and sets it’s display style to none. Take care because getElementById is case sensitive!

All we have to do next is to call the function on the click of the button”<input type=”submit” value=”Hide!” onclick=”hidediv()“> and our DIV hiding is done. Hope this will help! :) For a demo, click here

]]> http://victorelu.com/tutorial-hide-div-with-javascript/feed/ 5