Need to search 3-letter keywords? [Sitemap] - Digital Grin Photography Forum

Andy

Mar-28-2006, 06:18 AM

So, from www.smugmug.com/keyword (http://www.smugmug.com/keyword), you can find 3-letter keywords easily.

But what about if you want to do that on your own site? SMUGSEARCH won't allow that, but this code, will:

<html>

<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">search
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
<script src="/include/js/keywordsuggest.js"></script>
</form>

</html>
The "size=25" is the length of the search box. You can change this to suit. This HTML can go in your header, bio, footer, or even a gallery description or photo caption - anywhere, really, where we allow html to be put.

I hope this helps!

GliderKing

Mar-28-2006, 08:20 AM

thank you, now BOB MOM DAD TOM now can be found easier, but....

this is for all keywords across all sites on smugmug. how do you limit it just to my account? Otherwise there is too much to provide my viewers and this is not very helpful.

we want three letter search with the existing search tool.

Bob

Andy

Mar-28-2006, 10:39 AM

thank you, now BOB MOM DAD TOM now can be found easier, but....

this is for all keywords across all sites on smugmug. how do you limit it just to my account? Otherwise there is too much to provide my viewers and this is not very helpful.

we want three letter search with the existing search tool.

Bob

Hi Bob,

Try it again, here:

http://andydemo.smugmug.com/gallery/1313911#65256398

Search for Mom, Dad, lax, f3f, it only pulls up results from my site...

Mike Lane

Mar-28-2006, 11:33 AM

I'd take out the <td class="headmd"> and replace it with a <div class="whatever"> and then make sure there's a corresponding </div>. Or alternately add the corresponding <table>, <tr>, </td>, </tr>, and </table>. But who really wants to do that??? :nono

Andy

Mar-28-2006, 11:35 AM

I'd take out the <td class="headmd"> and replace it with a <div class="whatever"> and then make sure there's a corresponding </div>. Or alternately add the corresponding <table>, <tr>, </td>, </tr>, and </table>. But who really wants to do that??? :nono

Yo Mike, can the button be styled or replaced? If so, can you give some sample code?

Mike Lane

Mar-28-2006, 01:11 PM

Yo Mike, can the button be styled or replaced? If so, can you give some sample code?

I'll write up something proper later today :D

Mike Lane

Mar-28-2006, 05:33 PM

Get your cool button tutorial here (http://www.dgrin.com/showthread.php?t=30854).

claudermilk

May-09-2006, 10:47 PM

Yo Mike, can the button be styled or replaced? If so, can you give some sample code?

I found this thread in my scouring of the fora here to get tidbits for helping my customization. First of all, thanks for the code, works great (I prefer it to the SMUGMUG one). In answer to your question here, yes; I just added a CSS class to #buttons & it styled nicely. Happy side effect is that when you're logged in, all the buttons follow this CSS as well. I would imagine you could set an id to narrow down to the one Search button.

Greg N

May-17-2006, 07:46 AM

This code is really great, thanks Andy. :clap
I would like to know if it is possible to make a couple of changes.

1) Can I have the dropdown menu show only the keywords on my site?
2) Can I remove the dropdown menu completely ?
3) I will be keywording my images in this way - “xxxx yyy” The xxxx will be event specific , and all images from the event will have it, and the yyy will very from image to image. Is it possible to include the xxxx part of the keyword into the code so that you would only need to enter the yyy part to search a specific event . Thanks Greg N www.gregnicholsstudio.com (http://www.gregnicholsstudio.com)

flyingdutchie

May-17-2006, 08:32 AM

So, from www.smugmug.com/keyword (http://www.smugmug.com/keyword), you can find 3-letter keywords easily.

But what about if you want to do that on your own site? SMUGSEARCH won't allow that, but this code, will:

<html>

<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">search
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
<script src="/include/js/keywordsuggest.js"></script>
</form>

</html>
The "size=25" is the length of the search box. You can change this to suit. This HTML can go in your header, bio, footer, or even a gallery description or photo caption - anywhere, really, where we allow html to be put.

I hope this helps!

I won't work on my site, because the function InstallAC can not be found.
And i checked the JavaScript (using FireFox) and - indeed - this function is not declared anywhere.

flyingdutchie

May-17-2006, 12:27 PM

I won't work on my site, because the function InstallAC can not be found.
And i checked the JavaScript (using FireFox) and - indeed - this function is not declared anywhere.

Never mind.
When inserting the code snippet from Andy's original post, Smugmug decides to include /include/js/keywordsuggest.js. I don't know what text-pattern in this snippet makes this happen, but it happens :D

Since i already have a search-box, i just included this keywordsuggest.js in my customization. I got it half-way to work. This did not work:

The suggested keywords were all keywords on smugmug, not just mine.
When closing my pop-up search-box and then re-opening it (doing a new search), the suggest-dropdown list became 1 or 2 pixels high....
Since i use the same input-field for both keyword and regular searches, i needed to find a way to disconnect the suggest-dropdown from the input-field.... i could not find it (the code in keywordsuggest.js is too obsure).
Just including the keywordsuggest.js file does not work well with jsDOMenu from Toh Zhiqiang under IE6. The menu will stop working...I wish i could use the suggest-box, but alas.... :dunno
-- Anton.

Greg N

May-21-2006, 07:29 PM

This code is really great, thanks Andy. :clap
I would like to know if it is possible to make a couple of changes.

1) Can I have the dropdown menu show only the keywords on my site?
2) Can I remove the dropdown menu completely ?
3) I will be keywording my images in this way - “xxxx yyy” The xxxx will be event specific , and all images from the event will have it, and the yyy will very from image to image. Is it possible to include the xxxx part of the keyword into the code so that you would only need to enter the yyy part to search a specific event . Thanks Greg N www.gregnicholsstudio.com (http://www.gregnicholsstudio.com)
Bump

Andy

May-22-2006, 05:40 AM

This code is really great, thanks Andy. :clap
I would like to know if it is possible to make a couple of changes.

1) Can I have the dropdown menu show only the keywords on my site?
2) Can I remove the dropdown menu completely ?
3) I will be keywording my images in this way - “xxxx yyy” The xxxx will be event specific , and all images from the event will have it, and the yyy will very from image to image. Is it possible to include the xxxx part of the keyword into the code so that you would only need to enter the yyy part to search a specific event . Thanks Greg N www.gregnicholsstudio.com (http://www.gregnicholsstudio.com)

1 - why not?
2 - which dropdown menu?
3 - we need more specifics from you please

Greg N

May-23-2006, 02:03 PM

Hi Andy,

I hope you had a great trip.

I would like to use the script, that you shared in the first posting of this thread, to do two things.

1) I would like to place a search box on my home page that only shows the keywords that I use on my site. I was able to get it to search just my site but the dropdown menu that is attached to the search box showed all of the smugmug keywords.

2)When I cover a auto racing weekend there may be as many as five or six racing series at the track . This can add up to over a 100 different cars on track over the course of the weekend and a lot of pictures. The challenge is to present all these picture in a way that is pleasing to the viewer and easy for them to find what they want. To accomplish this I would like to do the following.. (If you have a better way I would love to hear it)

- Create a different gallery for each series.
(This will still leave me with more images than I want to post in one gallery)
- Pick 20 or so of the best images and add a border and a frame to them so that I have a gallery that look like this http://www.gregnicholsstudio.com/gallery/979126 . Lets call this gallery 1. Add a search box to gallery 1 that will only search a second gallery, gallery 2, that contains all the images for the series for the weekend. My main problem is figuring out how to get the search box to work in this way.
My thought is to use keywords to do this. The images from the weekend would be keyworded like this -

“alms06 all” “alms06 friday” “alms06 dyson” “alms06 20”

The first part would be event specific, so the ‘alms06’ would be used for all images from the American Le Mans Series 2006 race. The second part would be used to narrow the search- ‘all’ would give you all images from the event, ‘Friday’ would give you all the images from Friday, ‘dyson’ would give you all the images for that team, and ‘20’ would give you all the images for car #20.

To make it easy to search, the first image in gallery 1 would contain instructions and a list of the keywords for the event organized like this -

http://gns.smugmug.com/photos/70928140-O.jpg

Now I finally get to a couple of questions. Can I remove the dropdown menu that appears when you type something in the search box? I think this would make things less confusing.

Can I somehow include the first part of my keywords ‘alms06’ into the script so the viewer only has to type in the second part?

Thanks for the help, Greg N www.gregnicholsstudio.com (http://www.gregnicholsstudio.com)

Bump

Andy

May-23-2006, 02:17 PM

Bump
New thread:

http://www.dgrin.com/showthread.php?p=313522#post313522

azazel

Jun-21-2006, 11:32 PM

worked great for me, but how do i change that green and make it grey to match my site? just wonderin, i actually dont mind it as long as it works.. and it does! :clap

THANK YOU ANDY!! you rock.

devbobo

Jun-21-2006, 11:41 PM

worked great for me, but how do i change that green and make it grey to match my site?
hmmm....don't know how you can call it your site, when you have stolen all the images that are on it.

devbobo

Jun-22-2006, 05:30 AM

:dunno read the bottom of my page please

hmmm.....

This site contains copyrighted material the use of which has not always been specifically authorized by the copyright owner. We are making such material available in our efforts to advance understanding of environmental, political, human rights, economic, democracy, scientific, and social justice issues, etc. We believe this constitutes a 'fair use' of any such copyrighted material as provided for in section 107 of the US Copyright Law. In accordance with Title 17 U.S.C. Section 107, the material on this site is distributed without profit to those who have expressed a prior interest in receiving the included information for research and educational purposes. If you wish to use copyrighted material from this site for purposes of your own that go beyond 'fair use', you must obtain permission from the copyright owner.

Global Alliance Miltia educating trailer trash everywhere.

Tell me, is this (http://azazel.smugmug.com/keyword/wtcjumper) a physics lesson then ?

riot! i

Jul-01-2006, 09:27 AM

Hi all,

i tried to put a "Keyword search" in my bio box, but the search box and button does not appear? Any ideas?

Andy

Jul-01-2006, 10:11 AM

Hi all,

i tried to put a "Keyword search" in my bio box, but the search box and button does not appear? Any ideas?
We love our international cousins :D but for HTML purposes we spell it "center" not "centre" and also you had two <html> tags when really the end tag needs to be </html>

I fixed both for you :D

PS: I really miss Hong Kong, traveled there extensively in the mid 90s.

riot! i

Jul-01-2006, 07:41 PM

Thanks Andy!

left of center happens when you are tinkering with something you do not understand at 1 am in the morning after one gets home from a "bender" at 4 am the previous morning! :dunno

brandofamily

Jul-10-2006, 10:36 PM

I'd take out the <td class="headmd"> and replace it with a <div class="whatever"> and then make sure there's a corresponding </div>. Or alternately add the corresponding <table>, <tr>, </td>, </tr>, and </table>. But who really wants to do that??? :nono

I know I'm pulling up an old thread for this, but I can not get the text to fall inside the input box... here...

http://brandolinoimaging.smugmug.com/keyword/bdc :dunno

Andy

Jul-11-2006, 04:47 AM

I know I'm pulling up an old thread for this, but I can not get the text to fall inside the input box... here...

http://brandolinoimaging.smugmug.com/keyword/bdc :dunno
?? Anthony, we don't understand what you are asking. I really don't. What text to fall inside the input box? You've got to use more descriptive words to help us help you.

devbobo

Jul-11-2006, 05:28 AM

oh I get it....is this like a David Linch film ? :lol3

brandofamily

Jul-11-2006, 05:38 AM

?? Anthony, we don't understand what you are asking. I really don't. What text to fall inside the input box? You've got to use more descriptive words to help us help you.
I wish I got the David Linch reference. I'd probably really be laughing right now... Stick to references of movies like the Blues Brothers (like Andy does) that's a bit more my speed...
Anyway. Check out this page please...
http://brandolinoimaging.smugmug.com/keyword/bdc
The code given at the start of this thread has this line
<td class="headmd">search

The word "search" I believe is supposed to start out in the input box. But I can not figure out how to get it in there... It's either to the left or above no matter how hard I try...

brandofamily

Jul-11-2006, 05:41 AM

Here's the code I'm using....


<div id="KWS">
<form name="suggest" action="/keyword/jump.mg">
<div id="KWSi">Search</div>
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
******** src="/include/js/keywordsuggest.js"></********

</form>
</div>

devbobo

Jul-11-2006, 06:23 AM

to do that, put search in here...

<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="Search" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />

brandofamily

Jul-11-2006, 06:39 AM

to do that, put search in here...

<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="Search" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />

Thanks

brandofamily

Jul-11-2006, 06:45 AM

OK, I'm assuming that this code does not word exactly like SMUGSEARCH in more ways that just finding 3 lettr words.... I checked Andy's seach feature and find that the "Search" text disappears when you click the input box... Am I asking for too much on this one?

Finish Line

Nov-07-2006, 09:29 PM

:rolleyes So, from www.smugmug.com/keyword (http://www.smugmug.com/keyword), you can find 3-letter keywords easily.

But what about if you want to do that on your own site? SMUGSEARCH won't allow that, but this code, will:

<html>

<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">search
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
******** src="/include/js/keywordsuggest.js"></********
</form>

</html>
The "size=25" is the length of the search box. You can change this to suit. This HTML can go in your header, bio, footer, or even a gallery description or photo caption - anywhere, really, where we allow html to be put.

I hope this helps!

Where do we place this code?

mindlessbuttonmasher

Apr-10-2007, 10:38 PM

I used the code to allow a keyword search in my footer, getting rid of the preceeding word "search" the box slides over too much to the left. Can this be slid over a bit to the right? I'm at http://myfloridastock.smugmug.com/gallery/2680894
Thanks!

So, from www.smugmug.com/keyword (http://www.smugmug.com/keyword), you can find 3-letter keywords easily.

But what about if you want to do that on your own site? SMUGSEARCH won't allow that, but this code, will:

<html>

<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">search
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
******** src="/include/js/keywordsuggest.js"></********
</form>

</html>
The "size=25" is the length of the search box. You can change this to suit. This HTML can go in your header, bio, footer, or even a gallery description or photo caption - anywhere, really, where we allow html to be put.

I hope this helps!

MAHAROGERS

Aug-25-2007, 11:51 AM

I understand how to include a smugmug search box on my smugmug hosted pages but what about the rest of my site that's hosted elsewhere?

Is there a way to put searchbox on my homepage at http://markrogersphotography.com (hosted by yahoo) that will just search my smugmug images and galleries?

Thanks

Desert-Rat

Aug-28-2007, 12:42 PM

Is there a way to configure or pass a paramter to the function InstallAC to find keywords from my site only and not all of SM.

ericfrisbee.smugmug

sbressler

Oct-31-2007, 02:25 AM

Is there a way to configure or pass a paramter to the function InstallAC to find keywords from my site only and not all of SM.

ericfrisbee.smugmug
Bump

sdunbar

Jan-07-2008, 02:53 PM

So, from www.smugmug.com/keyword (http://www.smugmug.com/keyword), you can find 3-letter keywords easily.

But what about if you want to do that on your own site? SMUGSEARCH won't allow that, but this code, will:

<html>

<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">search
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
******** src="/include/js/keywordsuggest.js"></********
</form>

</html>
The "size=25" is the length of the search box. You can change this to suit. This HTML can go in your header, bio, footer, or even a gallery description or photo caption - anywhere, really, where we allow html to be put.

I hope this helps!

Is there any way to only include the keywords from my site? Whats the trick?

brandofamily

Jan-07-2008, 03:51 PM

Is there any way to only include the keywords from my site? Whats the trick?
the trick is set up the search using the code Andy posted above:dunno

sdunbar

Jan-08-2008, 03:10 PM

Is there a way to configure or pass a paramter to the function InstallAC to find keywords from my site only and not all of SM.

ericfrisbee.smugmug

Did you ever figure this out? I am interested in doing the same thing..

sdunbar

Jan-08-2008, 03:12 PM

the trick is set up the search using the code Andy posted above:dunno

I get the code to work nicely, but it returns keywords from all of smugmug, not just from my site. Anyone know how to do this?

brandofamily

Jan-08-2008, 06:34 PM

I get the code to work nicely, but it returns keywords from all of smugmug, not just from my site. Anyone know how to do this?

here's my code. I'm not sure if it is different, but I only see my pics returned...


<div id="KWS">
<form name="suggest" action="/keyword/jump.mg">
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="Search" onfocus="if (this.value == 'Search') this.value = ''; InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" onblur="if (this.value == '') this.value = 'Search'"/>
<input value="" name="submitButton" class="buttons" type="submit">
******** src="/include/js/keywordsuggest.js"></********
</form>
</div>


here's my search page...
http://www.brandolinoimaging.com/keyword/

sdunbar

Jan-08-2008, 10:55 PM

here's my code. I'm not sure if it is different, but I only see my pics returned...


<div id="KWS">
<form name="suggest" action="/keyword/jump.mg">
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="Search" onfocus="if (this.value == 'Search') this.value = ''; InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" onblur="if (this.value == '') this.value = 'Search'"/>
<input value="" name="submitButton" class="buttons" type="submit">
******** src="/include/js/keywordsuggest.js"></********
</form>
</div>


here's my search page...
http://www.brandolinoimaging.com/keyword/
I actually tried the code above, but got an error since the src="/include/js/keywordsuggest.js" was wrapped in ***********. Is there a doc tag or JS value you have to set in addition? If I strip out the ******** and "/>" tags, it works, but still shows tags from all of SmugMug. I am setup as an Island, and my standard searches work fine on my site only. My keywords work fine as well. I did notice that on your site, the keywords do not show up in a drop-down list, but it auto-completes the first keyword it matches. What am I missing? Thanks again for the help!

brandofamily

Jan-09-2008, 03:45 PM

I don't know JS. I put the above code in my header and it just worked...:dunno

sdunbar

Jan-28-2008, 03:34 PM

I don't know JS. I put the above code in my header and it just worked...:dunno

I have been doing my best to figure this out. I went to your page and tried the search, and it actually returns ALL smugmug's keywords. For example, if you type in "ala", the first result for your page should be "aladdin", but instead "alaska" is returned. I have found out the format in which the data is returned, as well as some of the search criteria. If you run the following query, you can see why "alaska" was the first value returned:

URL: http://www.brandolinoimaging.com/complete/suggestRPC.mg?hl=en&js=true&qu=ala

RESPONSE:
sendRPCDone(frameElement, "ala", new Array("alaska", "alan", "alabama", "alarm", "alaskan", "alamo", "aladdin", "alain", "alana", "alan tardiff", "alannewton", "alaska photo pilot", "alamitos", "alanna", "alameda", "alaska dogs gone wild", "alan has radar", "alamosa", "alaska cruise 2006", "alaska iditarod sled dog race" ), new Array("58447 keyword results", "13366 keyword results", "5383 keyword results", "3300 keyword results", "1342 keyword results", "1330 keyword results", "1313 keyword results", "1050 keyword results", "916 keyword results", "879 keyword results", "677 keyword results", "657 keyword results", "540 keyword results", "520 keyword results", "480 keyword results", "453 keyword results", "399 keyword results", "361 keyword results", "332 keyword results", "328 keyword results"), new Array(""));

I get the same result when replacing my domain name (photos.dunbaronline.com / dunbar.smugmug.com). Its almost as if we need there to be another parameter for nickname, so we can specify our own SM accounts instead of ALL SM keywords.

janxspirit

Apr-22-2008, 11:47 AM

I just posted a bunch of pix from a bike race. http://chriskelley.smugmug.com/gallery/4753997_Y9JTY#283233273_atxyf (http://http://chriskelley.smugmug.com/gallery/4753997_Y9JTY#283233273_atxyf)

I added numberplate numbers to keywords in Aperture, then exported to SmugMug. I see the number in the keywords in my gallery, but a search for a number returns no results. What am I doing wrong?

SPK64

Apr-22-2008, 04:48 PM

I just posted a bunch of pix from a bike race. http://chriskelley.smugmug.com/gallery/4753997_Y9JTY#283233273_atxyf (http://http://chriskelley.smugmug.com/gallery/4753997_Y9JTY#283233273_atxyf)

I added numberplate numbers to keywords in Aperture, then exported to SmugMug. I see the number in the keywords in my gallery, but a search for a number returns no results. What am I doing wrong?

If you put quotes around the numbers it should work. I need to do this for years as keywords or when numbers and letters are mixed. Also I have found that adding quotes only works when working in Smugmug. They get stripped off if added before uploading.

janxspirit

Apr-27-2008, 11:51 AM

If you put quotes around the numbers it should work. I need to do this for years as keywords or when numbers and letters are mixed. Also I have found that adding quotes only works when working in Smugmug. They get stripped off if added before uploading.

Wow! Isn't there some way to do this automatically? I have ove 1000 photos in this gallery. Like maybe double quotes (""100"") in the Aperture keywords before uploading?

ATPphotos

Jul-30-2009, 11:33 AM

So, from www.smugmug.com/keyword (http://www.smugmug.com/keyword), you can find 3-letter keywords easily.

But what about if you want to do that on your own site? SMUGSEARCH won't allow that, but this code, will:

<html>

<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">search
<input autocomplete="off" maxLength=256 size=25 name="Keyword" value="" onfocus="InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />
<input type=submit value="keyword search" name="submitButton" class="buttons" />
******** src="/include/js/keywordsuggest.js"></********
</form>

</html>
The "size=25" is the length of the search box. You can change this to suit. This HTML can go in your header, bio, footer, or even a gallery description or photo caption - anywhere, really, where we allow html to be put.

I hope this helps!

any idea how to change the color of the search area or make it transparent?
change the font color? change the height of the search area?

here's the code i'm using:


<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">
<input autocomplete="off" maxLength=256 size=20 name="Keyword" value="Search"
onfocus="if (this.value == 'Search') this.value = ''; InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />

<input type="image" src="/img/spacer.gif" alt="search for photos" title="Submit Search" class="searchglass" />
</form>

Andy

Jul-31-2009, 11:35 AM

any idea how to change the color of the search area or make it transparent?
change the font color? change the height of the search area?

here's the code i'm using:


<form name="suggest" action="/keyword/jump.mg">
<td class="headmd">
<input autocomplete="off" maxLength=256 size=20 name="Keyword" value="Search"
onfocus="if (this.value == 'Search') this.value = ''; InstallAC(document.suggest,document.suggest.Keywor d,document.suggest.submitButton,'suggestRPC.mg','e n')" />

<input type="image" src="/img/spacer.gif" alt="search for photos" title="Submit Search" class="searchglass" />
</form>

BUMP

brandofamily

Jul-31-2009, 11:49 AM

BUMP
I can change the back ground color but it changes the color of the spyglass too... I have to play some more...
I also need to figure out how to change the input text color...

brandofamily

Jul-31-2009, 12:07 PM

Here's my searchPage: http://www.brandolinoimaging.com/searchPage/
below is the code that I used to adjust the colors for the keyword search input... you will need to create a looking glass of the correct color to fit your theme as changing the background color changes the background color of the looking glass too.
Hope this helps...
Use firefox web development tools to play with the code on my iste if you wish...

.searchPage input.buttons,
.keywordPage input.buttons {padding-top:0; padding-left:15px; padding-right:15px; border:1px solid #d5b790; color:#e3cfb5; font-size:14px; font-family:"Gentium","Times New Roman", times, serif; font-size:12px !important;}

.searchPage input.buttons:hover,
.keywordPage input.buttons:hover {background:#000; color:#8f7b62; border:1px solid #d5b790;}

.searchPage input,
.keywordPage input {padding-top:2px; background:#000; color:#e3cfb5; border:1px solid #d5b790;}

.searchPage input:hover,
.keywordPage input:hover {background:#000; color:#e3cfb5; border:1px solid #d5b790;}

ATPphotos

Aug-02-2009, 04:47 PM

Here's my searchPage: http://www.brandolinoimaging.com/searchPage/
below is the code that I used to adjust the colors for the keyword search input... you will need to create a looking glass of the correct color to fit your theme as changing the background color changes the background color of the looking glass too.
Hope this helps...
Use firefox web development tools to play with the code on my iste if you wish...

.searchPage input.buttons,
.keywordPage input.buttons {padding-top:0; padding-left:15px; padding-right:15px; border:1px solid #d5b790; color:#e3cfb5; font-size:14px; font-family:"Gentium","Times New Roman", times, serif; font-size:12px !important;}

.searchPage input.buttons:hover,
.keywordPage input.buttons:hover {background:#000; color:#8f7b62; border:1px solid #d5b790;}

.searchPage input,
.keywordPage input {padding-top:2px; background:#000; color:#e3cfb5; border:1px solid #d5b790;}

.searchPage input:hover,
.keywordPage input:hover {background:#000; color:#e3cfb5; border:1px solid #d5b790;}

i had the search in my navbar that shows on all pages/galleries so i'm not sure how to use the code you posted to change the color of the search field.

i think i'd prefer to make a search page like you have but... if i have already duplicated my homepage so that my homepage and galleries pages are seperate pages, how would i duplicated it again to make the search page? i would like to have featured galleries, keywords, etc. on another page but thought it was only possible to dupe the homepage once :scratch

...or maybe i'll find that it's easier or better to make an html only page for my galleries then use the 2nd homepage for my search page. hmmm...

brandofamily

Aug-02-2009, 05:09 PM

I simplified the code:

input.buttons {padding-top:0; padding-left:15px; padding-right:15px; border:1px solid #d5b790; color:#e3cfb5; font-size:14px; font-family:"Gentium","Times New Roman", times, serif; font-size:12px !important;}
input.buttons:hover {background:#000; color:#8f7b62; border:1px solid #d5b790;}
input {padding-top:2px; background:#000; color:#e3cfb5; border:1px solid #d5b790;}
input:hover {background:#000; color:#e3cfb5; border:1px solid #d5b790;}

It goes in the CSS and will adjust the colors you want... now it might adjust them for ALL input fields, but that would be OK if you wan them all to match your theme...
Use Firefox Web developement tool to look at the CSS and add this code w/o actually putting it in and causing any perminant changes.

ATPphotos

Aug-03-2009, 05:50 AM

I simplified the code:

input.buttons {padding-top:0; padding-left:15px; padding-right:15px; border:1px solid #d5b790; color:#e3cfb5; font-size:14px; font-family:"Gentium","Times New Roman", times, serif; font-size:12px !important;}
input.buttons:hover {background:#000; color:#8f7b62; border:1px solid #d5b790;}
input {padding-top:2px; background:#000; color:#e3cfb5; border:1px solid #d5b790;}
input:hover {background:#000; color:#e3cfb5; border:1px solid #d5b790;}

It goes in the CSS and will adjust the colors you want... now it might adjust them for ALL input fields, but that would be OK if you wan them all to match your theme...
Use Firefox Web developement tool to look at the CSS and add this code w/o actually putting it in and causing any perminant changes.

right on. easier than i was thinking it was. thank you. my next task is to figure out how to duplicate the homepage more than once.

ATPphotos

Aug-03-2009, 04:48 PM

John, is it possible to duplicate the homepage more than once? i'm sure there's an explanation out there in a forum, but i'm having trouble finding that info. i know how to clone the homepage and make it a galleries page. have already done that, but would like to make a featured/search/keywords/maps page. thanks.

brandofamily

Aug-03-2009, 06:06 PM

John, is it possible to duplicate the homepage more than once? i'm sure there's an explanation out there in a forum, but i'm having trouble finding that info. i know how to clone the homepage and make it a galleries page. have already done that, but would like to make a featured/search/keywords/maps page. thanks.

Use this in the custom footer


********>
if (hasPath("featured"))
YAHOO.util.Dom.addClass(document.body, "featured");
</********

********>
if (hasPath("searchPage"))
YAHOO.util.Dom.addClass(document.body, "searchPage");
</********


I added a "featured" page and a "searchPage."
If you have the CSS already in simply adjust it for the 2nd extra page you just added.

ATPphotos

Aug-03-2009, 06:39 PM

Use this in the custom footer


********>
if (hasPath("featured"))
YAHOO.util.Dom.addClass(document.body, "featured");
</********

********>
if (hasPath("searchPage"))
YAHOO.util.Dom.addClass(document.body, "searchPage");
</********


I added a "featured" page and a "searchPage."
If you have the CSS already in simply adjust it for the 2nd extra page you just added.

do you mean bottom java?

brandofamily

Aug-03-2009, 06:41 PM

do you mean bottom java?
no... footer. the *'s get replaced by the word "script"
atleast that's where it is on my page... works fine

ATPphotos

Aug-03-2009, 09:55 PM

no... footer. the *'s get replaced by the word "script"
atleast that's where it is on my page... works fine

i'm a little confused. i got the java part worked out i think, but i'm having trouble with the css. i've tried different combinations of the code below and either my homepage stuff shows up on galleries and searchPage, my galleries on my galleries page disappear, or my searchpage stuff shows on my homepage. i'm unsure as to what gets display: block, display: none, or what should or should not be checked on the "homepage layout" drop-down, if anything. it's becoming a mess. could you please help a brutha out?

i only want the biobox to show on my homepage
galleries on galleries page
and i'm not sure exactly what i'll be showing on searchPage yet, but was trying see what timeline, popular, keywords, and map looks like.

/* duplicate homepage - create gallery page */

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

/* make galleries show up on homepage when i'm logged in */
.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox {
display: block;
}

/* duplicate homepage - make searchPage */
.searchPage #galleriesBox,
.searchPage #categoriesBox,
.searchPage #featuredBox {
display: none;
}

.searchPage #bioBox {
display: none;
}

.searchPage #galleriesBox,
.searchPage #categoriesBox,
.searchPage #featuredBox {
display: block;
}

javascript:

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");

if (hasPath("searchPage"))
YD.addClass(document.body, "searchPage");

brandofamily

Aug-04-2009, 03:35 AM

Here's what I have... popular, search, time-line, keywords

/***********************/
/*Virtual Gallery Pages*/
/***********************/

.homepage #categoriesBox,
.homepage #keywordsBox,
.homepage #mapBox {display:none !important;}

/*featured Page Code*/
.featured #keywordsBox,
.featured #mapBox,
.featured #Enter {display:none !important;}

.featured #popularPhotosList,
.featured #FlashShow {display:none;}

.featured #categoriesBox,
.featured .menu,
.featured #GBfooter {display:block !important;}

.featured #myFooterARR {display:block !important; margin-bottom:4px;}

/*****************/
/*searchPage Code*/
/*****************/

.searchPage #popularPhotosList {background:none; width:auto !important;}

.searchPage #popularPhotos .boxTop {display:block;}
.searchPage #popularPhotos .boxTop {border:ridge #D5B790 !important; border-width:4px !important; background: url(http://brandolinoimaging.com/photos/98292343-O.png) -5px repeat-x !important;}
.searchPage #popularPhotos .boxBottom {border: 1px solid #D5B790 !important;}
.searchPage #popularPhotosList {height:110px; overflow:visible; background:none !important; width:100%; margin-top:10px; margin-left:0px; _margin-left:10px; margin-bottom:0; border:none}

.searchPage #popularPhotosList .photo {margin:2px 10px 20px 10px; _margin:2px 10px 10px 0; width:100px; height:100px;}

.searchPage #popularPhotosList .photo img {background:none; _background-image:none; background-position:bottom left; padding:0 0 0 0; border:none; width:100px; height:100px; _margin-right:2px;}

.searchPage #popularPhotosList .photo img:hover {width:110px; height:110px; position:relative; z-index:999; left:-2px; top:-4px; padding:0 0 0 0;}

.searchPage #mapBox {width:60%; float:left;}
.searchPage #mapBox #map {height:500px !important; border: 1px solid #D5B790 !important;}
.searchPage #popularPhotos .boxBottom {height:252px !important; overflow:auto;}
.searchPage #keywordsBox {width: 38%; float: right;}
.searchPage #keywordsBox .boxBottom {height: 500px !important; overflow: auto; border: 1px solid #D5B790 !important; background:#000;}

.searchPage .boxTop {border:none !important; background: none !important;}
.searchPage #keywordsBox .boxTop {border:4px ridge #D5B790 !important; background: url(http://brandolinoimaging.com/photos/98292343-O.png) -5px repeat-x !important;}
.searchPage #mapBox .boxTop {border:ridge #D5B790 !important; border-width:4px !important; background: url(http://brandolinoimaging.com/photos/98292343-O.png) -5px repeat-x !important;}

.homepage #datesBox,
.featured #datesBox {display:none !important;}
.searchPage #datesBox {display:block !important;}

http://www.brandolinoimaging.com/searchPage/

You must have all of the items you want on the searchpage enabled for the REAL homepage... then you hide them where yo don't want them...

ATPphotos

Aug-04-2009, 05:15 AM

You must have all of the items you want on the searchpage enabled for the REAL homepage... then you hide them where yo don't want them...

makes sense. thanks. that helps a lot. gonna play...

ATPphotos

Aug-05-2009, 07:25 AM

makes sense. thanks. that helps a lot. gonna play...

i enabled them all on the homepage so i could see how each feature (timeline, maps, search, etc.) look on my search page. then i just hide them all from showing on my homepage and galleries page, like so?...

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox,
.homepage #keywordsBox,
.homepage #popularPhotosList,
.homepage #popularPhotos,
.homepage #datesBox,
.homepage #mapBox {display:none !important;}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox
.galleries #keywordsBox,
.galleries #popularPhotosList,
.galleries #popularPhotos,
.galleries #bioBox,
.galleries #FlashShow,
.galleries #datesBox,
.galleries #mapBox {display:none !important;}

because if that's the case, a lot of those are not hiding. for instance, the timeline shows on my homepage and galleries page and the bio box shows on my galleries page. what am i doing wrong?

edit: oh, i don't have to "display: none" all that stuff on the galleries pages because blocking it on the homepage blocks it on galleries too, right? (with exception of bio which i want to show on homepage)
display none hides it and the "display: block" unhides it and makes it show on the page i want it to show on. am i correct? not sure why i'm not getting the hang of this.

jfriend

Aug-05-2009, 09:12 AM

edit: oh, i don't have to "display: none" all that stuff on the galleries pages because blocking it on the homepage blocks it on galleries too, right? (with exception of bio which i want to show on homepage)
display none hides it and the "display: block" unhides it and makes it show on the page i want it to show on. am i correct? not sure why i'm not getting the hang of this.

That is correct. You do a:

.homepage #xxxxx {display:none;}

for everything that you don't want to display on the actual homepage.

Then, for each derivative of the homepage you do a:

.galleries #xxxx {display: block;}

for the things you want to show on that particular derivative of the homepage and a:

.galleries #yyyy {display:none;}

for the things that are showing on the homepage that you don't want to show on this derivative page.

And, the .homepage CSS must come before the .galleries CSS.

Your homepage looks to only be showing your bio now. Let me know if there's a specific thing that is or isn't showing on a particular page and I can look at the CSS you have.

ATPphotos

Aug-05-2009, 12:03 PM

That is correct. You do a:

.homepage #xxxxx {display:none;}

for everything that you don't want to display on the actual homepage.

Then, for each derivative of the homepage you do a:

.galleries #xxxx {display: block;}

for the things you want to show on that particular derivative of the homepage and a:

.galleries #yyyy {display:none;}

for the things that are showing on the homepage that you don't want to show on this derivative page.

And, the .homepage CSS must come before the .galleries CSS.

Your homepage looks to only be showing your bio now. Let me know if there's a specific thing that is or isn't showing on a particular page and I can look at the CSS you have.

ohhhhhhh. 2 things were throwing me off. i had "!important;" at the end of "display: none" AND i didn't quite understand that you have to check items under "homepage layout" on the actual page you want them to show up on. i thought you meant, only on the homepage, check all of the ones i want then just hide them with code. you actually have to go to /galleries and /searchPage and check them. that was driving me mad.

jfriend

Aug-05-2009, 12:06 PM

ohhhhhhh. 2 things were throwing me off. i had "!important;" at the end of "display: none" AND i didn't quite understand that you have to check items under "homepage layout" on the actual page you want them to show up on. i thought you meant, only on the homepage, check all of the ones i want then just hide them with code. doesn't work that way. you actually have to go to /galleries and /searchPage and check them. that was driving me mad. i'm getting the hang of it now...

The last part of what you wrote isn't right. Any item you want shown must have a checkmark by it in the homepage layout button. It doesn't matter what page you do that from as they are all the same. Of course, if you're hiding it with CSS on the page you're on, it won't show on that page when you check it, but it will enable it for the other pages no matter where you are.

ATPphotos

Aug-05-2009, 12:41 PM

The last part of what you wrote isn't right. Any item you want shown must have a checkmark by it in the homepage layout button. It doesn't matter what page you do that from as they are all the same. Of course, if you're hiding it with CSS on the page you're on, it won't show on that page when you check it, but it will enable it for the other pages no matter where you are.

right. just figured that out. unchecking them on the searchpage was unchecking them on the homepage (duh). i get it now. thanks guys. :whew

now on to positioning them...

ShutterAddict

Oct-15-2009, 05:14 PM

I have been doing my best to figure this out. I went to your page and tried the search, and it actually returns ALL smugmug's keywords. For example, if you type in "ala", the first result for your page should be "aladdin", but instead "alaska" is returned. I have found out the format in which the data is returned, as well as some of the search criteria. If you run the following query, you can see why "alaska" was the first value returned:

I get the same result when replacing my domain name (photos.dunbaronline.com / dunbar.smugmug.com). Its almost as if we need there to be another parameter for nickname, so we can specify our own SM accounts instead of ALL SM keywords.
Has there been any progress on this? I like the search box and the dropdown keywords list. It does only return photos from my galleries but returns keywords from everywhere. I too would like the box to show only keywords from my site.

-Teresa