...

View Full Version : How to get out of the maze.



effpeetee
05-24-2009, 01:55 PM
This site (http://exitfegs.co.uk/Sources.html) which I manage, is getting out of control.:eek:

I need some insight as to how to make it more accessible. I do not have a logical/tidy mind but I do realise that it is difficult to find things from the three columns.:confused:

Any help will be apprectiated and, who knows, I may even get my bedroom/office tidy again!:D

Thanks in advance,

Frank

drhowarddrfine
05-24-2009, 05:34 PM
Right off the bat, I'd get rid of the lettering for the headings and make the headings much larger. I'd also get rid of the numbering of the listings since they don't mean anything. I do like the categories you have.

effpeetee
05-24-2009, 08:35 PM
Thanks for the suggestions drhowarddrfine .

The numbers I added so that I could name them when I wanted to refer to them when answering a poster. I'm not quite sure that I understand your remarks about the headers. Could you please be more specific. :confused:

I have difficulty finding what I want on the listing. I need to make finding something easier.:D

Frank

Incidentally, the program is self-contained and will work for anyone on their own PC. They are welcome to download it.

CSS is here (http://exitfegs.co.uk/Sources.css).

_Aerospace_Eng_
05-24-2009, 09:43 PM
And this is a computer/pc discussion how? This probably should have gone in the web site review forum.

effpeetee
05-24-2009, 11:17 PM
And this is a computer/pc discussion how?


Computer/PC discussions (17 Viewing)
Discuss and get help on general computer issues, either software or hardware.

I need some insight as to how to make it (my program-software) more accessible.

Frank

Spookster
05-25-2009, 01:01 AM
Are you asking for advice on your website or are you asking for advice on some hardware or software that you've installed in your PC?

Advice on your website should be posted in website reviews.

effpeetee
05-25-2009, 09:47 AM
Are you asking for advice on your website or are you asking for advice on some hardware or software that you've installed in your PC?

Advice on your website should be posted in website reviews.
I didn't notice the 'sub-forum' previously. Poor eyesight I'm afraid. Sorry.

Frank

_Aerospace_Eng_
05-25-2009, 06:43 PM
Moving towards something more dynamic could help such as having a search feature. Nice but not really need. To start I would make a navigation that uses the categories as links. Then upon clicking a certain category the user is taken to a page that has just the sources for that category. Its going to take some time. Also to make it easier to update you may want to look into php includes.

effpeetee
05-25-2009, 07:43 PM
Thanks Aero,

I have a couple of books on PHP. I'll get them out. Forgive my ignorance, but what do you mean by categories. The title of the sections, or coding sub-divisions - CSS, HTML - Hacks etc?. I'm not sure that our english is the same as the USA english. There's all that water in between! Anyway I have plenty of time on my hands.

How about this book for starters.

Learning PHP & MySQL by Michele E. Davis & Jon A. Phillips.

Don't I need Apache or something to use it on my own PC?
I did start on it once with Bazz help. Perhaps I'll just use it from my host.

Frank

masterofollies
05-25-2009, 11:48 PM
I recommend adding topic links. First break it down by coding language. Next something like Tables, Widths, Heights and more. Next Images, Files, Videos. Etc. Make a page for each that lists all the links for that section from A - Z.

effpeetee
05-26-2009, 04:56 PM
Thanks masterofollies

Looks like I'll have my work cut out. Back to the grindstone!

Frank

masterofollies
05-26-2009, 05:55 PM
You're welcome. it'll make it organized.

effpeetee
05-26-2009, 08:03 PM
You're welcome. it'll make it organized.
Not necessarilly,

Organised is one thing I am not. It will be a new experience for me. Yoicks!
Wish me luck as you wave me goodbye etc etc.

Seriously though, it is a problem with me. I am an untidy person. Anything good about my Sources program is due to Aero and VIPStephan and others on this forum.

Frank

udjamaflip
05-27-2009, 10:19 AM
I don't know wether you saying that 'people can download it at the moment' was an important factor for you, but if it was then turning this to server side would be a bit of a downer on that, if you wanted to keep it all client side so people can download it, I would try using javascript search which will search the ul's/div's on the page for the keyword.

Easier than you might think to do as well.

effpeetee
05-27-2009, 12:33 PM
Thanks udjamaflip,

It does sound like a possible way out. I would like the program to be downloadable for others to use. It is my contribution to the forum. Program wise I am not all that proficient.
I shall need to brush up my Javascript. But before that, I need to know the overall method used in searching and what to search for. Never a dull moment.

Frank

udjamaflip
05-28-2009, 12:09 PM
I'll be more than happy to help, love to play around with little projects, and would atleast be me giving a little back to this really helpful forum. :)

effpeetee
05-28-2009, 12:28 PM
That is very gracious of you. I have no real idea how to proceed. Chiefly, I want to make it easier to find the help needed. I am not proficient at being orderly. I do not have that sort of mind and at nearly 84 years old, I find it difficult to learn new tricks. Just sorting it into CSS, HTML PHP etc, does not seem adequate, not precise enough. I think it needs to be able to locate a particular subject within those categories.

I look forward to any ideas that you have.

Frank

udjamaflip
05-28-2009, 06:10 PM
Just a quick whizz around Google got me this link, http://www.nsftools.com/misc/SearchAndHighlight.htm

Seems like it could be very helpful to your cause. just a quick view source should get you what you need! :)

If you struggle let me know and I will grab the code for you.

udjamaflip
05-28-2009, 06:13 PM
Additional helpful links:

http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

and

http://eriwen.com/javascript/highlight-search-results-with-js/

effpeetee
05-28-2009, 10:51 PM
This is (http://exitfegs.co.uk/Sourcessjs.html)what I have done so far. I have probably put the code in the wrong place.

Frank

udjamaflip
05-29-2009, 03:16 PM
Here is the code you need:


<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript" language="javascript" src="jqueryhighlight.js"></script>

(This goes in your <head>)

You will need this either in your head tag or in your stylesheet:


<style type="text/css">
.highlight { background-color: yellow }
</style>

and finally in the body of your text:


<form>
<input type="text" size="200" style="padding:2px;" id="text" onkeyup="javascript:void($('p').removeHighlight().highlight(document.getElementById('text').value)); return false;"/>
</form>

or if you want a 'search button':


<form>
<input type="text" size="200" style="padding:2px;" id="text" />
<a href="#" onclick="javascript:void($('p').removeHighlight().highlight(document.getElementById('text').value)); return false;">Search</a>
</form>

This works perfectly for me.

Hope it helps.

** edit **

You will need to download jquery.js from here:http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.js
and jquery.highlight.js from here: http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

effpeetee
05-29-2009, 04:10 PM
Thank you udjamaflip,

I have done what I thought you mean. It does not work for me, so obviously I have misunderstood you. I have uploaded the files to my site.They are all in the root folder.
This is what it's like now (http://exitfegs.co.uk/Sourcessjs.html).
I can't find where to enter the search phrase.

Thanks for bearing with me.

Frank

udjamaflip
05-29-2009, 05:24 PM
Although you have placed the code in correctly, you don't have the javascript files uploaded and called the same as what the browser is looking for.

on both of these links 'right click' then 'save as'

http://jqueryjs.googlecode.com/files/jquery-1.3.2.js (http://johannburkard.de/resources/Johann/jquery.highlight-3.js) <- rename this to 'jquery.js' once you have downloaded it, then upload it to your server in the same directory as your .html file.

Additionally:

http://johannburkard.de/resources/Johann/jquery.highlight-3.js <- rename this to jqueryhighlight.js and once saved, upload it to your server in the same directory as your .html file.

no problem! :)

effpeetee
05-29-2009, 06:41 PM
I have done that, but I still cannot get it to work. Says jquery is undefined.

Nowhere to enter search word.

Frank

udjamaflip
05-30-2009, 03:51 PM
Change this:


<input type="text" size="200" style="padding:2px;" id="text" onkeyup="javascript:void($('p').removeHighlight().highlight(document.getElementById('text').value)); return false;"/>


to this:


<input type="text" size="200" style="padding:2px;" id="text" onkeyup="javascript:void($('a').removeHighlight().highlight(document.getElementById('text').value)); return false;"/>


and also, the textbox is at the very top of the page I can see it. :)

effpeetee
05-30-2009, 04:06 PM
Change this:


<input type="text" size="200" style="padding:2px;" id="text" onkeyup="javascript:void($('p').removeHighlight().highlight(document.getElementById('text').value)); return false;"/>


to this:


<input type="text" size="200" style="padding:2px;" id="text" onkeyup="javascript:void($('a').removeHighlight().highlight(document.getElementById('text').value)); return false;"/>


and also, the textbox is at the very top of the page I can see it. :)
Sorry, but I still cannot get it to work. Update is on the site. (http://exitfegs.co.uk/Sourcessjs.html)
I have managed to adjust the textbox.
Nothing happens when I put a search word into it.

Frank

SB65
05-30-2009, 06:25 PM
Well, some good news, just tried and it works for me in Chrome, FF3, IE7 and Opera 9. As I type in a word in the top box, matching terms on the page are highlighted in yellow - excellent.

Not quite such good news is that if I then backspace it also works fine up to the point where the backspace clears the field completely, at which the browser locks completely. If you highlight the search term and replace, it's fine.

Have no knowledge of javascript so cannot suggest a fix, but maybe this is useful for someone more skilled than I.

effpeetee
05-30-2009, 07:31 PM
Thank you udjamaflip, SB65 and all you others.

Since I modified the main program, (altered the colour of the highlight.) it works for me now (http://exitfegs.co.uk/Sourcessjs.html). I don't get the problems with backspacing. I do get a JS error message on some browsers when closing down, but it does not appear to affect the program whilst running.

It is beyond my skill to address this.

Frank

udjamaflip
06-01-2009, 12:00 PM
Yeah I forget some browsers are a bit dickey with javascript onkeyup and onblur, the best way, and most stable way would be to replace this:



<input type="text" size="200" style="padding:2px;" id="text" onkeyup="javascript:void($('a').removeHighlight().highlight(document.getElementById('text').value)); return false;"/>

with this:



<input type="text" size="200" style="padding:2px;" id="text" />
<input type="submit" onclick="javascript:void($('a').removeHighlight().highlight(document.getElementById('text').value)); return false;" value ="search"/>


Nearly there effpeetee! :)

effpeetee
06-01-2009, 01:51 PM
Thanks friend.
I still cannot get the text to be consistent.

Here is the style sheet. (http://exitfegs.co.uk/Sources.css)

Here is the altered html. (http://exitfegs.co.uk/Sourcestemp.html)

Still have the cosmetics to do.

Frank

udjamaflip
06-01-2009, 03:21 PM
I'm not quite sure what you mean buddy, got a screenshot of your problems? :)

effpeetee
06-01-2009, 03:38 PM
udjamaflip ,

I feel a real idiot. The reason for the overlarge print on IE8 was that someone had set the text size to largest.

I shall have to change my blog name to "Wottertwit"

Thank you for all your patience and help. You have been a good friend to an old fogey.

Apart from minor cosmetic changes, I am happy with the result. The final task is to make sure that the titles reflect the content.

Any suggestions gladly received.

Frank alias Wottertwit.

udjamaflip
06-02-2009, 10:36 AM
Now you have a search function you don't need to be afraid of creating masses of content, so don't be afraid of large titles. Other than that no suggetions i'm afraid, I'm nto much of a content guru, can help you geek it up all day though :thumbsup:

SB65
06-02-2009, 01:45 PM
Ahhh, my backspacing issue is fixed now. :thumbsup:

Nice job both.

effpeetee
06-02-2009, 06:06 PM
Many thanks to you SB65, udjamaflip , and all the others who chipped in.
I will make the entries more useful and descriptive over the coming days, I have already revised some of them.

Persistence Pays.

Frank

I'm still looking for a good javascript editor and validator.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum