[VS] Active HTML desktop

August 27, 2004

Very slick!

Is there any chance you could put a calander into this? I was considering to do it myself, but I lack the skillz...

August 27, 2004

But I think that would kill the "minimalist" look I was aiming for :p

August 27, 2004

Good point.

August 27, 2004

Well, I try this desktop enviroment...

The truth, in the image looks awesome...

And I'm pretty sure that it is...But for some strange reason, after I finished config my system for use it, I try it out...

My all windows collapse... I can't even navigate from window to window...

I had to say that the idea is incredible... I like it a lot!!!!

But I am to mmm how to say it... "stupid" but in a sence more inocent....to configure this kind of script...

I know it is simple... but I get pretty confused making the script compatible with my system...

Maybe if a program comes out that alows the user put the info for a more simple work...

Wel... Greate idea, greate desktop....to hard (at least for me) to config with my system.-.. :( :( :( :(

August 27, 2004

????

August 27, 2004

hi @ all

my problem is,

where/how can i change the browser to my default browser like firebird or Avant ?

everytime i click on google search or internet link it open IE ;)

can anybody help me ?

thx in advance

August 27, 2004

lets be honest, it was a rip, same wallpaper, same fonts etc, you just changed it to your needs.

nice, but dont steal :\

August 27, 2004

xKensaix, was that post really that neccessry ? we've been through that, you know, been there done that got the party hat. People and their ego, sheesh.

August 27, 2004

hi @ all
my problem is,

where/how can i change the browser to my default browser like firebird or Avant ?

everytime i click on google search or internet link it open IE ;)

can anybody help me ?

thx in advance

i just got rid of the google bar.. i'm in your situation.. i just added a link under "Internet"

August 27, 2004

lets be honest, it was a rip, same wallpaper, same fonts etc, you just changed it to your needs.
nice, but dont steal :\

I dont think that was necessary.

August 27, 2004

i was wondering if there was a way to implement winamp/winamp's playlist into html so u can control it

August 27, 2004

I'll have to look into that

August 27, 2004

i was wondering if there was a way to implement winamp/winamp's playlist into html so u can control it

welcome and thanks for bringing that up.. i would really like that if its possible..

August 27, 2004

I'm sure there's a way.... I'll have to research it :D

August 28, 2004

Alright.... I did it! :D

Thanks to the help of a friend I know.... we were able to make this winamp controls work.

So all you have to do is:

1: download this plugin and put it in your plugins directory for winamp

2: Right below where it says:

&lt;!-- Internet Links --&gt;
&lt;div id="netLinks"&gt;
 	 &lt;span class="title"&gt;i n t e r n e t : : . .&lt;/span&gt;&lt;br /&gt;

Add this long line of code to it:

&lt;html&gt;
	&lt;head&gt;
  &lt;title&gt;AmpBar&lt;/title&gt;
  &lt;style&gt; /*rgb(216,216,216); A7A7A7, 5A728A, BAC6D1*/
 	 body { 
    background-color: buttonface;/*white; */
    margin: 5,0,0,0; 
    border-width: 0 1 0 0; 
    border-color: white;
    cursor: normal;

    background-repeat: no-repeat;
    background-position: 808px -31px;
 	 }
 	 img	{
    border: 0; 
    cursor: hand; 
 	 }
 	 a {
    text-decoration: none; 
 	 }
 	 .iconBack	{ 
    cursor: default; 
    /*border: 1 solid black; background-color: gray*/
 	 } 
 	 .iconOver	{
    cursor: default; 
    /*border: 1 solid black; background-color: black*/
 	 } 
 	 #CurrentSong { 
    position: absolute;
     right:250px;
       top:100px;
    margin: 3,0,0,0;
    color: black; 
    font-family: small Fonts; 
    font-size: 9px;
    cursor: default;
 	 }
 	 #SongPositionC {
    overflow: hidden;
    width: expression(document.all.SongPosition.style.pixelWidth + document.all.AntiSongPosition.style.pixelWidth);
    height: 16px;
 	 }
 	 
 	 #SongPosition {
    display: inline;
    height: 16px;
    cursor: hand;
 	 
 	 }
 	 #AntiSongPosition {
    display: inline;
    height: 16px;
    cursor: hand;
 	 
 	 
  &lt;/style&gt;
  &lt;script language="JavaScript"&gt;
  /* USER VARIABLES */

    var winAmpPath = "C:\\Program Files\\Winamp\\winamp.exe"; // winAmpPath
    
    var mouseDownExt = "_down"; // extention to the bitmap name just before the .gif for mouse down events (ex: "_down")
    var mouseUpExt = ""; 	 // extention to the bitmap name just before the .gif for mouse up events
    var mouseOverExt = ""; 	 // extention to the bitmap name just before the .gif for mouse over events
    var mouseOutExt = ""; 	 // extention to the bitmap name just before the .gif for mouse out events
    
    var winAmpLaunchTime = 2;  // time it takes to launch winamp in seconds
    var winAmpExitTime = 1;  // time it takes to exit winamp in seconds

    var reloadInterval = 0.5;	// time in seconds between each info update in seconds
    
    var WelcomeMessage = "Loading info... Please wait...";	// you know...	
    var GoodbyeMessage = "Goodbye :)";
    
    var updatePosition = true;	// should the song position be updated.

  /* END USER VARIABLES */
 	 
  /* 
 	 other variables
  */
 	 var updateT; // update timer
 	 var updating = false; // if we updating the current song info 
 	 var objWinAmp; // winamp com object
 	 var mouseIsdown = false; // if the left mouse button if pushed down
 	 
  /* 
 	 i() and o() open and close WinampCOM ActiveX Object
  */
 	 function i() { if (!objWinAmp) objWinAmp = new ActiveXObject("WinampCOM.Application"); }
 	 function o() { objWinAmp = null; }
 	 
  /* 
 	 Handled events
  */
 	 function domousedown() { domouse(mouseDownExt); mouseIsdown = true; }
 	 function domouseup() { domouse(mouseUpExt); mouseIsdown = false; }
 	 function domouseover() { domouse(mouseOverExt) }
 	 function domouseout() { domouse(mouseOutExt) }
 	 
  /* 
 	 Mouse settings
  */
 	 function domouse(type) {
    var Element = event.srcElement;
    if ( Element.tagName.toUpperCase() == "IMG" &amp;&amp; Element.id &amp;&amp; Element.hover=="true" )
   	 Element.src = Element.id + type + ".gif"; // sets to the id of the element, the type, and then .gif
   	 
 	 }
 	 
  /* 
 	 Update timer functions
  */
 	 function startUpdate() { // recursive reload info function
    ReloadInfo();
    updateT = setInterval("ReloadInfo()", reloadInterval * 1000);
 	 }
 	 function stopUpdate() { // clears the timer set by update()
    clearInterval(updateT);
 	 }
 	 function switchUpdate() { // updating function
    if (!updating) {
   	 window.location.href = "run:" + winAmpPath;
   	 CurrentSong.innerHTML = WelcomeMessage;
   	 setTimeout('startUpdate();updating = true;', winAmpLaunchTime * 1000);
    } else {
   	 stopUpdate();
   	 updating = false;
   	 CurrentSong.innerHTML = GoodbyeMessage;
   	 if (updatePosition) {
      document.all.SongPosition.style.pixelWidth = 0;
      document.all.AntiSongPosition.style.pixelLeft = document.all.SongPosition.style.pixelLeft + document.all.SongPosition.style.pixelWidth;
      document.all.AntiSongPosition.style.pixelWidth = totalWidth - document.all.SongPosition.style.pixelWidth;
   	 }
   	 WinampClose();
   	 setTimeout('CurrentSong.innerHTML = "";', winAmpExitTime * 1000);
      
    }
 	 }
  /* 
 	 ReloadInfo reloads the current info. Called by the timer.
  */
 	 function ReloadInfo() {
    // opening
    i();
 	 
    // getting info
    sTitle = objWinAmp.CurrentSongTitle;

    sLength = "";
    if (objWinAmp.CurrentSongLength&gt; 0) 
   	 sLength =  Math.floor(objWinAmp.CurrentSongLength/60) + ":" + 
        ( (objWinAmp.CurrentSongLength%60&gt;=10) ? objWinAmp.CurrentSongLength%60 : "0"+objWinAmp.CurrentSongLength%60);
        
    
    // song pos
    if (updatePosition)
   	 UpdatePosition();
  
    // setting info
    if (document.all.CurrentSong)
   	 document.all.CurrentSong.innerHTML = ((sTitle)?sTitle:"") + ((sLength)?" - " + sLength:"");
    
    // closing
    o();
 	 }
 	 
  /* 
 	 Position Update
  */
 	 function ChangePosition() {
    i(); 
   	 // if out of bounds or song hasn't started.
   	 if ( objWinAmp.Status == 0 || ( event.srcElement.id != "SongPosition" &amp;&amp; event.srcElement.id != "AntiSongPosition" ) ) {
      o(); return;
   	 }
    
   	 // get total Width
   	 totalWidth = document.all.SongPosition.style.pixelWidth + document.all.AntiSongPosition.style.pixelWidth;
   	 
   	 // change first width
   	 document.all.SongPosition.style.pixelWidth = window.event.x - document.all.SongPosition.style.pixelLeft;
       	 
   	 // update based on first width
   	 document.all.AntiSongPosition.style.pixelLeft = document.all.SongPosition.style.pixelLeft + document.all.SongPosition.style.pixelWidth;
   	 document.all.AntiSongPosition.style.pixelWidth = totalWidth - document.all.SongPosition.style.pixelWidth;
    
   	 // change winamp
   	 objWinAmp.CurrentPos = (document.all.SongPosition.style.pixelWidth/totalWidth) * objWinAmp.CurrentSongLength*1000;
    o();

 	 }
 	 
 	 function UpdatePosition() {
    // get total Width
    totalWidth = document.all.SongPosition.style.pixelWidth + document.all.AntiSongPosition.style.pixelWidth;
 	 
    // get first width from winamp
    i();
   	 document.all.SongPosition.style.pixelWidth = totalWidth * (objWinAmp.CurrentPos&lt;0?0:objWinAmp.CurrentPos/(objWinAmp.CurrentSongLength*1000));
    o();

    // update based on first width
    document.all.AntiSongPosition.style.pixelLeft = document.all.SongPosition.style.pixelLeft + document.all.SongPosition.style.pixelWidth;
    document.all.AntiSongPosition.style.pixelWidth = totalWidth - document.all.SongPosition.style.pixelWidth;
 	 }
 	 
  /* Functions to use (for onclick). */
 	 function Rewind() { i(); objWinAmp.Rewind(); o(); } // Previous song
 	 function Play() { i(); objWinAmp.Play(); o(); } // Play
 	 function Pause() { i(); objWinAmp.Pause(); o(); } // Pause
 	 function Stop() { i(); objWinAmp.Stop(); o(); } // Stop
 	 function FastForward() { i(); objWinAmp.FastForward(); o(); } // Next song
 	 function Open() { i(); objWinAmp.SendCommand(40029); o(); } // Open [file]

 	 function Prev10() { i(); objWinAmp.SendCommand(40197); o(); } // Previous 10 song
 	 function Next10() { i(); objWinAmp.SendCommand(40048); o(); } // Next 10 song

 	 function rewS() { i(); objWinAmp.Rewind5Secs(); o(); } // Rewind 5 seconds
 	 function forS() { i(); objWinAmp.FastFwd5Secs(); o(); } // Forward 5 seconds

 	 function rewSh () { if (mouseIsdown) { rewS(); setTimeout('rewSh ();',700); } }
 	 function forSh () { if (mouseIsdown) { forS(); setTimeout('forSh ();',700); } }
 	 function rewSHold() { setTimeout('rewSh ();',700);  } // Rewind 5 seconds, hold mouse for more, call with onmousedown
 	 function forSHold() { setTimeout('forSh ();',700); } // Forward 5 seconds, hold mouse for more, call with onmousedown

 	 function ToggleShufflePlay() { i(); objWinAmp.ToggleShufflePlay(); o(); } // Toggle Shuffle Play
 	 function ToggleRepeatPlay() { i(); objWinAmp.ToggleRepeatPlay(); o(); } // Toggle Repeat Play
 	 function ToggleAot() { i(); objWinAmp.SendCommand(40019); o(); } // Toggle Always on top
 	 function PutOnView() { i(); objWinAmp.SendCommand(40019); objWinAmp.SendCommand(40019); o(); } // always on top, then not always on top, so the window just goes in to view :)
 	 
 	 function ToggleShade() { i(); objWinAmp.SendCommand(40064); objWinAmp.SendCommand(40266); objWinAmp.SendCommand(40310); o(); } // window shade modes, in order : main,pl,eq 
 	 
 	 function ClearPlaylist() { i(); objWinAmp.ClearPlaylist(); o(); } // Clear the playlist
 	 function OpenDir() { i(); objWinAmp.SendCommand(40187); o(); } // Open [dir]
 	 
 	 function WinampClose() { i(); objWinAmp.SendCommand(40001); o(); } // close winamp while remembering current songs.
  /* End Functions to use */
 	 
 	 

  &lt;/script&gt;
	&lt;/head&gt;
	&lt;body scroll="no" 
  onselectstart="return false;" 
  onmouseover="domouseover()" onmouseout="domouseout()" 
  onmousedown="domousedown()" onmouseup="domouseup()"
  ondblclick="switchUpdate()"
	&gt;  
	&lt;!-- switchUpdate() starts and stops the updating on the song in span id="CurrentSong" --&gt;
  &lt;div id="winamp"&gt;
  &lt;span class="iconBack" onmouseover="this.className='iconOver'" onmouseout="this.className='iconBack'"&gt;
 	 &lt;img src="prev.gif" id="prev" hover="true" title="..[previous [z]]" onclick="Rewind()"/&gt; &lt;!-- hover=true allows events on images --&gt;
 	 &lt;img src="play.gif" id="play" hover="true" title="..[play [x]]" onclick="Play()"/&gt;
 	 &lt;img src="pause.gif" id="pause" hover="true" title="..[pause [c]]" onclick="Pause()"/&gt;
 	 &lt;img src="stop.gif" id="stop" hover="true" title="..[stop [v]]" onclick="Stop()"/&gt;
 	 &lt;img src="next.gif" id="next" hover="true" title="..[next [b]]" onclick="FastForward()"/&gt;
 	  
 	 &lt;img src="show.gif" id="show" hover="true" title="..[put on view []]" onclick="PutOnView()"/&gt;
 	  
 	 &lt;img src="prev5.gif" id="prev5" hover="true" title="..[rewind 5sec [left]]" onmousedown="rewSHold()"/&gt;
 	 &lt;img src="next5.gif" id="next5" hover="true" title="..[forward 5sec [right]]" onmousedown="forSHold()"/&gt;
 	  
 	 &lt;img src="clear.gif" id="clear" hover="true" title="..[clear playlist + opendir []]" onclick="PutOnView(); ClearPlaylist(); OpenDir()"/&gt;
 	  
 	 &lt;br /&gt;
 	 &lt;!-- the sum of both style widths determines the total width --&gt;
 	 &lt;img src="pos_l.gif"&gt;&lt;span class="SongPositionC"&gt;&lt;img src="pos.gif" id="SongPosition" style="width: 0px" onclick="ChangePosition()" title="" /&gt;&lt;img src="pos_r.gif"&gt;&lt;img src="pos_a.gif" id="AntiSongPosition" style="width: 110px" onclick="ChangePosition()" title="" /&gt;&lt;/span&gt;
 	 &lt;br /&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  &lt;span id="CurrentSong"&gt;&lt;/span&gt;
  
	&lt;/body&gt;
&lt;/html&gt;

3: Download the zip file which contains all the gifs for the winamp stuff, put them in your active desktop folder.

4: Add this code to activedesktop.css:

#winamp {
	position:absolute;
	right:250px;
	top:50px;
}

Which is where you position where the controls will be on your desktop.

To show which song is currently playing.... just double click the small button that appears to do nothing. (first button second row... double clicking it again shuts down winamp)

Enjoy! :)

Screenshot:

http://members.cox.net/compwizard/Desktop2.jpg

gifs.zip

August 28, 2004

how do i get rid of the notice everytime i restart..

it says somethig about are you sure you want to run this script. it my be harmful to your computer.. blah blah blah.

August 28, 2004

Here's how you get rid of that warning:

This next tweak is a big one. You may notice an ActiveX warning. Well, let's get rid of that annoying warning. First we need to add the "My Computer" security zone to your Internet Options: Security tab.

- Run regedit

- Navigate to: HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\0

- Set "FLAGS" dword value to 47

- Close regedit

- Launch Internet Explorer

- Select the "Tools" menu

- Select "Internet Options"

- Select the "Security" tab

You will notice that you have a "My Computer" security zone (if not, reboot and try relaunching Internet Explorer). Now configure your "My Computer" security zone.

- Highlight the "My Computer" zone icon

- Click "Custom Level"

- Under "ActiveX controls and plug-ins", change "Download signed ActiveX controls" to "Enable"

- Change "Download unsigned ActiveX controls" to "Enable"

- Change "Initialize and script ActiveX controls not marked as safe" to "Enable"

- Change "Run ActiveX controls and plug-ins" to "Enable"

- Chnage "Script ActiveX controls marked safe for scripting" to "Enable"

- Click "OK"

- Click "Apply"

- Click "OK"

After doing so, you will not receive any ActiveX control warnings for local files. Please note that making the above changes will not affect files located on the web (such as files on the NTFS.org website). All websites on the Internet use the "Internet Security Zone", not the "My Computer Security Zone".

August 28, 2004

thanks :hug:

August 28, 2004

Dont forget to checkout the winamp controls on the previous page :D

August 28, 2004

i screwed it up somehow :pinch:

i didn't care too much anyway, just wanted to see what it'd look like :/

August 28, 2004

No problem :)

August 28, 2004

No problem :)

****.. i really fudged it up. everything is all :wacko:

gotta start all over again :p

August 28, 2004

Thats how we learn by making mistakes :D

August 28, 2004

hi,

i need help from anybody pls....

i dont want to use the weather and the 3 searchbars, which lines in the desktop.html must be removed for that ?

this is my code which i prepare but it bring errors....

&lt;html&gt;
&lt;head&gt;
	&lt;!--META HTTP-EQUIV=Refresh CONTENT="600; URL="desktop.html"--&gt;
	&lt;title&gt;tsDesk mod by MaDCaT75&lt;/title&gt;

&lt;!-- Cascading Style Sheet --&gt;

	&lt;link href="activedesktop.css" type="text/css" rel="stylesheet" /&gt;


&lt;script language="javascript" type="text/javascript"

&lt;/head&gt;



&lt;!-- Applications/Folders --&gt;
&lt;div id="progList"&gt;
 	 &lt;div align="right"&gt;


	&lt;span class="title"&gt;. . : : Counterstrike&lt;/span&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('E:/Spiele/Steam/steam.exe')" href="javascript:;"&gt;:: Steam :: &lt;/a&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('E:/GameTools/HLSW/hlsw.exe')" href="javascript:;"&gt;:: HLSW :: &lt;/a&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('E:/GameTools/teamspeak2/TeamSpeak.exe')" href="javascript:;"&gt;:: TS :: &lt;/a&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('E:/GameTools/Cheating-Death/cdeath.exe')" href="javascript:;"&gt;:: CD :: &lt;/a&gt;&lt;br /&gt;&lt;br /&gt;



                      &lt;span class="title"&gt;. . : : I n t e r n e t&lt;/span&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('D:/Install/mIRC/mirc.exe')" href="javascript:;"&gt;:: mIRC :: &lt;/a&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('D:/Install/ICQLite/ICQLite.exe')" href="javascript:;"&gt;:: ICQ :: &lt;/a&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('D:/Ohne Install/FlashFXP/FlashFXP.exe')" href="javascript:;"&gt;:: FlashFXP :: &lt;/a&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('D:/Install/Serv-U/ServUTray.exe')" href="javascript:;"&gt;:: ServU :: &lt;/a&gt;&lt;br /&gt;&lt;br /&gt;



  &lt;span class="title"&gt;. . : : Goodies&lt;/span&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('D:/Ohne Install/iShut/iShut.exe')" href="javascript:;"&gt;:: iShut :: &lt;/a&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('D:/Ohne Install/pkcolorpicker3de/pkColorPicker.exe')" href="javascript:;"&gt;:: ColorPicker:: &lt;/a&gt;&lt;br /&gt;
	&lt;a target="_self" onClick=" ShellExJ('D:/Ohne Install/WinRar/WinRAR.exe')" href="javascript:;"&gt;:: WinRar :: &lt;/a&gt;&lt;br /&gt;

                &lt;/div&gt;
&lt;/div&gt;

&lt;/SCRIPT&gt;

&lt;/body&gt;
&lt;/html&gt;

August 28, 2004

i thought i did mine correctly.. i also removed most of the things..

but i keep getting this error.

can someone look at that line, because i don't see anything wrong with it.

desktop.html

Sign In

[VS] Active HTML desktop

Recommended Posts

iamhiddensomewhere

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

iamhiddensomewhere

Link to comment

Share on other sites

:No-Frost:

Link to comment

Share on other sites

lordtinuviel

Link to comment

Share on other sites

frank1

Link to comment

Share on other sites

xKensaix

Link to comment

Share on other sites

Ran Sagy

Link to comment

Share on other sites

kombolcha

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

drealiT

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

kombolcha

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

kombolcha

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

kombolcha

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

kombolcha

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

kombolcha

Link to comment

Share on other sites

madcat75

Link to comment

Share on other sites

frank1

Link to comment

Share on other sites

kombolcha

Link to comment

Share on other sites

Recently Browsing 0 members

Posts