rejetto forum
Software => HTML & templates => HFS ~ HTTP File Server => RAWR-Designs => Topic started by: TSG on September 10, 2010, 12:53:49 PM
-
It's here, and ready for people to use on their HFS servers. ::) It has been secretly out in the wild for a few weeks, I have several beta testers. So this should be quite a stable release, following the trend set by Live 3.
This may be a single build change, but it has been extended massively. Using jQuery I have enabled Live to use modern HFS functionality, and maintain a very similar interface. I wont bother listing all the changes. But the main things, Media Previews, Selective Archive and Delete, Tooltips... the list goes on.
Read the 'readme.txt' if you need help understanding how this template works, the code is complex but I paid a lot of attention with my comments and code layout, to make sure a novice user should be able to make simple changes, and understand it.
(http://files.rawr-designs.com/projects/6/3.0.1/Live-3.0.1.zip?downloadbutton) (http://files.rawr-designs.com/projects/6/3.0.1/Live-3.0.1.zip)
Thanks to rejetto (http://www.rejetto.com) and my mate flynsarmy (http://www.flynsarmy.com/), for helping me crunch some of the more difficult issues and get this done quicker. I will also credit jQuery (http://jquery.com/), it is like magic, and I suppose the Top-Up (http://gettopup.com/) plugin also deserves a mention, even though I modified it heavily.
Update: From HFS 2.3 beta 270, Live 3.0.1 supports special characters using UTF-8 properly.
Consider donating if you like what we do for the HFS community. The website is kept online by donations, and is a mirror for HFS. We do not profit from donations. Donations only help to keep the website online. Use the PayPal link on the homepage (http://www.rawr-designs.com). (>^_^)>
-
Hi! :)
The name of files and folders with accented characters are not well displayed.
The normal use is not altered.
-
I don't do anything different that I know of... from the other templates. Not sure why that would happen, the charset is UTF-8.
-
Hi! :)
The name of files and folders with accented characters are not well displayed.
The normal use is not altered.
Confirmed :(
-
Hmm, I honestly don't know why this is happening. Maybe it is because I write the <head> area from a section other than [] (the main HFS template section), but I don't see why. Hopefully rejetto can take a look.
-
charset=ISO-8859-1 (ansi instead of utf-8) seem solve this issue.
-
charset=ISO-8859-1 (ansi instead of utf-8) seem solve this issue.
Yes nice its working! thank you this solution,and big thanks for the template :D
-
ISO wont work with Asian or Russian style characters. I use UTF-8 to allow these languages, otherwise they get the ? ? ? issue too.
EDIT: I found it, rejetto must read the character encoding from the main section. because it now works with UTF-8 if I put the head where it would be, instead of using a section... maybe rejetto can look into this, as what I have done is very handy and I don't want to change it.
-
ISO wont work with Asian or Russian style characters. I use UTF-8 to allow these languages, otherwise they get the ? ? ? issue too.
Indeed, charset=ISO-8859-1 is only for latin lettering.
charset=ISO-10646-1 is more universal .... it's more or less as unicode. I tested it; it work with latin lettering... and normally also with russian, asians lettering ... etc ...
http://anubis.dkuug.dk/JTC1/SC2/WG2/
http://en.wikipedia.org/wiki/Universal_Character_Set
-
I am still going to wait for rejetto, because UTF-8 should work fine.
-
Works like a charm ! thousand thks TSG ;)
-
utf-8 is not detected because HFS currently searches for string "=UTF-8" in the main section: []
i guess i did this way mainly for performance reasons.
i'm going now, i will face the problem when i come back.
-
hello TSG!
the css style dropdown and item.selected does not work on ie6.
-
Changed it to:
div.selected, div.selected:hover
Can't be bothered with the dropdown, IE6 sucks, I no longer fully support it.
-
I got the server-info parameter set to on, but it doesn't show that frame on the right side, like in v3.0.0.
Did it change?
Thanks
PS: I like the new upload window ;D
-
Hover on the bottom left of the footer for a few seconds.
-
Thankz TSG ;)
-
Users that require special characters, from HFS 2.3 beta 270, the UTF-8 charset in the head is picked up properly by HFS.
It was relying on the head section from the main part of the template. I use a code layout that makes it quicker for me to edit in Live 3.0.1, resulting in HFS not displaying special characters.
-
This is definitely a great improvement from the last version. ;D I've been looking into adding a rename and create folder option but unfortunately I can't seem to integrate them very well like I have with my current server running the original Live 3 system. The rename and create folder options are absolutely essential to make a working server system. What are the chances that they'll be included in the next release? I've toyed around with the idea of adding all the cool features of live 3.0.1 to my original version, but I'm having problems with that too.
Also, what's the status of the flash upload feature? If you haven't checked out this website, do it. They've got a boatload of awesome scripts including a few flash uploaders. Maybe you could study those and see if you could implement them in the next version.
http://codecanyon.net/searches?term=multiple+upload&type=files
I'm thinking of purchasing the AJAX multi uploader (though it requires PHP). It's just freaking awesome. If we could add something like that to Live 3, that would be incredible.
-
Actually I've gotten everything pretty much figured out so far. Is there any way you could send me the original buttons without the icons on them so I can make matching buttons? I tried to edit them in Photoshop, but there's just not enough of the visible button to sample.....
-
Loving the look and function of this template, but just a couple of things...
I use copious amounts comments to describe what's in the folder. What I am describing can usually not be explained in a single line of text. I can put multiple lines of text in the comments, but the Live template just puts a, nearly imperceptibly small, scroll bar in the drop-down. And it's all but impossible to move the mouse pointer to said scroll bar without moving it too far and losing the drop-down altogether.
I know the item info drop-downs can be disabled, but then I cannot use comments at all. Is there a way around this issue?
-
well i miss a new folder option it will do the top of the iceberg ;D
And Thanks For now You have done a great
-
@etherknight - I can't help the large comment thing, Live is a simple template, therefore it has simple one liner comments. I don't think having large comments on files is good practice anyway, add a readme.txt to the directory or something.
@sapphirescales - sent you a pm.
Thanks for the thanks everyone :), I hoped to provide at least the basic functionality so people can extend it, that is what a template is for!
-
I can't help the large comment thing, Live is a simple template, therefore it has simple one liner comments. I don't think having large comments on files is good practice anyway, add a readme.txt to the directory or something.
Live is a 'simple' template? I am new to templates, but so far it's the most advanced one I've seen. What's more, there are far simpler templates (i.e. the default) that can implement this native function, and allow HTML tags on top of that.
And I am not talking about 'large comments' here; I use comments on every folder, but not on files at all. Most comments are less than 5 lines. I just want my users to know what is in that folder, and I need more than a single line of unformatted unformattable text to do it. I mean, come on! I expect a certain level of function for the zero dollars I paid to get this! :D
No worries, it's still like freakishly more awesome than anything I could ever do, so all props go to you! And I find Terayon can get the job done. I just miss the whiz-bang UI of Live :-[
-
By simple I mean the UI, is simple, using JavaScript so heavily for the additional features was a way of keeping the interface simple, it hides away the functionality of HFS, until you need it. The code may be complex, but it creates a simple user experience.
There are several reasons I chose to have small one line comments. The main being the room available, you could make the tooltip take up two module areas (just have to adjust some numbers), and end up with a larger paragraph block of text viewable. As for not being able to format the comments, its a limitation of the tooltip implementation - and not one I plan to remove any time soon. The other way of doing it, required even more HTML, increasing the DOM and complicating the javascript further, it was crashing browsers. This method is enough. I could possibly enable line breaks in the next version, but it was purposely limited - considering Live 3.0.0 had zero comments, this is a massive improvement.
-
etherknight, consider TSG is not the only one who can make the changes you want.
there's nothing hidden in this project, you (or someone else) can customize.
-
I seem to have run into a bug with the image preview functionality. It's a little difficult to explain but I'll give it a shot.
When you click the image preview for a photo, the "lightbox" type popup window comes up very small, so small you can only see the previous/next arrows and close/resize controls. You can drag this out to make it bigger but it messes up the aspect ratio.
The second part of this problem comes when you click either next or previous; the entire image box shifts down ~200 pixels. This continues to happen with each consecutive click on the next/previous buttons until the entire image box is partially off the browser window.
I made a quick recording to illustrate this issue here: http://www.screencast.com/t/9V4WEdeYSi
I used the latest version of HFS 2.3 beta build 272 and the Live template v3.0.1. Tested in Chrome 8, Internet Explorer 8 and Firefox 3.5 using Windows 7 x64 and x86.
-
I heard that jQuery removed a functionality from the recent build, was wondering if it effected the template.
A simple fix, change line 79 to the below (or remove that line and link the packed jQuery hosted locally) that is the jQuery build I made it on, and its the version packed with the template. This should fix it, if not... then its something else that I do not know, it works here now.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
I will update the hosted archive with this fix too.
Next version will hopefully have an updated lightbox from topup, to account for this change, and let me update jQuery to suit it, jQuery stayed at 1.4.2 for a long time so that is quite a stable build, these last two have had issues.
-
Thanks for the speedy response! This seems to have fixed it (I replaced line 79 with the aforementioned code), though I am still getting a tiiiiiny shift upon clicking next/previous. Seems like it's only 1 pixel right/1 pixel down so it's not that big of an issue, I'm sure it will get straightened out eventually. Again, thanks for the quick fix!
-
I have been looking through the template and I can't seem to find the line. What to do i need to change to get full file names? I need it to show the full name of files as it's cutting file names short and my users do not know the music track.
Thanks
-
No one can help on the full file name for files on the server? Still can't figure out how to tweak it so it does not cut off the file name.
Thanks
-
The file name is cut off for a reason, it will break the templates design if its any bigger. Use a different template if it does not work for you, or work out how to modify it yourself. You could make it so the title="" value on the file name shows the full file name.
-
Yea I know i would have to make the text title wrap around. So it does not mess up the template. Just can't find what file I need to edit to do it my self.
ok, how about this. Can you help add the full name to the "item-info" popup window. Make that show the full name of the file. That would work to. If you could help. I have added
<dt>Full Name:</dt><dd id=" "></dd>
Just now need to add the correct command for it to show the full name in popup info window.
thanks
-
I don't see how you add a comment with this template anyways. There's no comment button. Can someone let me know how to add a comment with the Live template?
-
You add it in HFS itself. If you want to add it from the template... yes you will need help, that might be a bit complex.
@AniFran
It is quite simple the way I did the tooltip.
Add this in [file], [folder] and [link].
item-name="%item-name%"
Add this under the similar code in live.script.js.
$('#item-name').html($(this).attr('item-name'));
And then finally, add this.
<dt>Full Name:</dt><dd id="item-name"></dd>
Its pretty much impossible to let more than one line appear on the item modules, without major modification of the whole template. Its either one, two, three line heights... it can't be as many as it likes depending on the name length... the design would just become a mess. It means a lot of changes to the CSS and possibly JS.
-
@TSG
Thanks very much. That will do great. Just as long as they can figure out the file names and I don't have to totally renames all files lol