url paste into bio section of homepage is somehow being changed

krh100 · June 8, 2007

Smugmuggers,

I have a weird problem that I can’t resolve myself. I have the following link that I am pasting into my bio section of my homepage. I have copied and pasted the link and I have manually typed-in the link.
http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view=event&eventid=67246774

No matter how I insert the above link into the bio it somehow gets converted into the link below.:
http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view=event&eventid=67246774

You can see that both links go to different places. Spending time trying to figure this out, I see that the % sign (and surrounding letters) have been changed by either smugmug or html.

Any ideas?

Kent Hermes

jfriend · June 8, 2007

krh100 wrote:

Smugmuggers,

I have a weird problem that I can’t resolve myself. I have the following link that I am pasting into my bio section of my homepage. I have copied and pasted the link and I have manually typed-in the link.
http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view=event&eventid=67246774

No matter how I insert the above link into the bio it somehow gets converted into the link below.:
http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view=event&eventid=67246774

You can see that both links go to different places. Spending time trying to figure this out, I see that the % sign (and surrounding letters) have been changed by either smugmug or html.

Any ideas?

Kent Hermes

You could try using double % signs instead of single percent signs in the link. This would tell JavaScript code that is parsing this link to preserve the % signs in the link and not have them interpreted. I don't know if this would work, but you could easily try it.

krh100 · June 8, 2007

jfriend wrote:

You could try using double % signs instead of single percent signs in the link. This would tell JavaScript code that is parsing this link to preserve the % signs in the link and not have them interpreted. I don't know if this would work, but you could easily try it.

Hi John,

Thanks for the suggestion ... unfortunatly when I put the 2nd %'s in they changed the url address. You can see from the link below that the url does not work. Any other ideas?

http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view%=event%&eventid%=67246 774

jfriend · June 8, 2007

krh100 wrote:

Hi John,

Thanks for the suggestion ... unfortunatly when I put the 2nd %'s in they changed the url address. You can see from the link below that the url does not work. Any other ideas?

http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view%=event%&eventid%=67246 774

Can you show me exactly what HTML you are putting in the Bio section? Are you putting <*html*> and <*/html*> (without the asterisks) before and after it? Are you quoting the href reference? Can you provide a link to the page where you have put this so we can see if Smugmug has messed it up or if something else (the TrumbaEmbed stuff you are using) is messing it up.

rainforest1155 · June 8, 2007

krh100 wrote:

Any other ideas?

Did you try to edit your bio from the control panel instead of your homepage (in the account settings)?
Also you use <html> and </html> to surround your bio text, right?

Sebastian

krh100 · June 8, 2007

rainforest1155 wrote:

Did you try to edit your bio from the control panel instead of your homepage (in the account settings)?
Also you use <html> and </html> to surround your bio text, right?

Sebastian

Yes Sebastian,

I have the <html> and </html> bookends around my bio text. I did go into the bio via the control panel as you suggested. 1st I pasted the url withouth double % signs--it performed the same as before. I then edited the url and added the doubel % signs--it again peformed the same as before. Ratz... this does not make sense.

Kent

Andy · June 8, 2007

krh100 wrote:

Ratz... this does not make sense.

Kent

I will ask {JT} if anything changed that could affect this.

richW · June 8, 2007

I don't know if this will help you. I have an external site and tried using SmugMug's random image url without success. I used the "Tiny URL" method and got it to work.

I went from this:

http://photos.lmsportspix.com/photos/random.mg?AlbumID=2462497&Size=Large&rand=4952

To this:
http://tinyurl.com/2342bz

Firefox extension: http://mozmonkey.com/ or http://tinyurl.com/

Andy · June 8, 2007

Use the edit bio button from within your control panel. It's ajax that's parsing the link. This way, nothing will be stripped.

Let us know?

iamback · June 9, 2007

Andy wrote:

Use the edit bio button from within your control panel. It's ajax that's parsing the link. This way, nothing will be stripped.

"Ajax" doesn't parse links - it's your JavaScript that must be parsing it. Surely you can amend your code so it doesn't do that if it shouldn't happen?

That said, %3D is the URL-encoded form of an = sign, and %26 is the URL-ecoded form of an ampersand, so the two URLs are exactly equivalent.

The latter form (at least) is also invalid since there should not be a "bare" & in a URL - it needs to be encoded as &. (The HTML SmugMug generates also has a bunch of those invalid URLs, BTW.)

jfriend · June 9, 2007

iamback wrote:

"Ajax" doesn't parse links - it's your JavaScript that must be parsing it. Surely you can amend your code so it doesn't do that if it shouldn't happen?

That said, %3D is the URL-encoded form of an = sign, and %26 is the URL-ecoded form of an ampersand, so the two URLs are exactly equivalent.

The latter form (at least) is also invalid since there should not be a "bare" & in a URL - it needs to be encoded as &. (The HTML SmugMug generates also has a bunch of those invalid URLs, BTW.)

I think it's the TrumbaEmbed stuff he's using in his site that's parsing the link and causing the problem with the % and & signs embedded in links. If we can see the actual page link that he's embedded these in that has the problem, then we can see who's causing it.

I agree that it's really bad forum to have these two links which are semantically the same lead to different pages.

krh100 · June 9, 2007

Andy wrote:

Use the edit bio button from within your control panel. It's ajax that's parsing the link. This way, nothing will be stripped.

Let us know?

Andy,

Sebastion (Raniforest1155) suggested similar option ... I did go into the bio via the control panel as you suggested. 1st I pasted the url withouth double % signs--it performed the same as before. I then edited the url and added the doubel % signs--it again peformed the same as before. Ratz... this does not make sense.

Kent

krh100 · June 9, 2007

richW wrote:
I don't know if this will help you. I have an external site and tried using SmugMug's random image url without success. I used the "Tiny URL" method and got it to work.

I went from this:
http://photos.lmsportspix.com/photos/random.mg?AlbumID=2462497&Size=Large&rand=4952
To this:
http://tinyurl.com/2342bz

Firefox extension: http://mozmonkey.com/ or http://tinyurl.com/

Hey RichW,

Thanks but this option didn't work either. In fact, this option just brings me back directly to the home page.

Kent

iamback · June 9, 2007

jfriend wrote:

I think it's the TrumbaEmbed stuff he's using in his site that's parsing the link and causing the problem with the % and & signs embedded in links. If we can see the actual page link that he's embedded these in that has the problem, then we can see who's causing it.

Ah... well, what I see is that the both URLs actually lead to the same page, but only the interpreted (decoded) URL has a calendar embedded, while with the URL with the encoded characters you get a message about no access instead. Which leads me to think the URL actually should be interpreted...

I also see this bit of code both in the meta description tag as well as in an embedded JavaScript tag:

$Trumba.addSpud({
webName: "ehsladywolves",
spudType : "main" });

Not sure what it's doing in the meta tag but maybe it's used to trigger the javascript to be embedded?

Just before the embedded javascript tag with that code is another that requests a script from http://www.trumba.com/ - I haven't looked at that script yet but it's possible it's checking the referrer and not URL-decoding the URL while doing that. But I'm just guessing now.

Anyway, it seems to me the URL-encoded URL should be decoded when it's pasted into a SmugMug textarea in order to get a URL that actually works together with the trumba.com JavaScript.

jfriend · June 9, 2007

krh100 wrote:

Smugmuggers,

I have a weird problem that I can’t resolve myself. I have the following link that I am pasting into my bio section of my homepage. I have copied and pasted the link and I have manually typed-in the link.
http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view=event&eventid=67246774

No matter how I insert the above link into the bio it somehow gets converted into the link below.:
http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view=event&eventid=67246774

You can see that both links go to different places. Spending time trying to figure this out, I see that the % sign (and surrounding letters) have been changed by either smugmug or html.

Any ideas?

Kent Hermes

When I look at your home page, there are a bunch of things that are kind of messed up in that page. I don't know if they are part of this problem, but you should probably clean them up to rule that out. It looks like you copied a bunch of code given to you by someone and pasted it all into your Smugmug customization. You can't just do it that way because that code has HEAD tags, BODY tags, etc... that conflict with the layout of Smugmug's pages. Instead, you have to break the code up into pieces and put those pieces into the right place in Smugmug's customization. Here are some things I see:

You put a bunch of JavaScript and HTML in your HEAD section. It's not doing anything, but causing HTML errors there and you have the same code elsewhere in your page. You should just remove this stuff.
You added your own HEAD tag that doesn't belong in the page (it conflicts with the HEAD tag Smugmug already has in the page). The style stuff in the HEAD tag you added should go in the Style section in Smugmug's customization page.
You added another BODY tag. That can really mess up browsers. You should just take the stuff that should be inside a BODY tag and paste it into the BODY tag section in Smugmug's customization, NOT add a new BODY tag.
You have the exact same Google Analytics script included twice.
CSS Style stuff you added to your page should be in the CSS customization section, not where you have put it

krh100 · June 12, 2007

jfriend wrote:

When I look at your home page, there are a bunch of things that are kind of messed up in that page. I don't know if they are part of this problem, but you should probably clean them up to rule that out. It looks like you copied a bunch of code given to you by someone and pasted it all into your Smugmug customization. You can't just do it that way because that code has HEAD tags, BODY tags, etc... that conflict with the layout of Smugmug's pages. Instead, you have to break the code up into pieces and put those pieces into the right place in Smugmug's customization. Here are some things I see:
You put a bunch of JavaScript and HTML in your HEAD section. It's not doing anything, but causing HTML errors there and you have the same code elsewhere in your page. You should just remove this stuff.

You added your own HEAD tag that doesn't belong in the page (it conflicts with the HEAD tag Smugmug already has in the page). The style stuff in the HEAD tag you added should go in the Style section in Smugmug's customization page.

You added another BODY tag. That can really mess up browsers. You should just take the stuff that should be inside a BODY tag and paste it into the BODY tag section in Smugmug's customization, NOT add a new BODY tag.

You have the exact same Google Analytics script included twice.

CSS Style stuff you added to your page should be in the CSS customization section, not where you have put it

Hi John,

Thanks for the input John,

I'll work through these items. I'm not an expert at CSS or html yet but I'm getting better. Some of these happened along my learning path and I need to clean them up. I still am curious if these will resolve my problem but I guess we won't know until I finish the cleanup.

Kent

jfriend · June 12, 2007

krh100 wrote:

Hi John,

Thanks for the input John,

I'll work through these items. I'm not an expert at CSS or html yet but I'm getting better. Some of these happened along my learning path and I need to clean them up. I still am curious if these will resolve my problem but I guess we won't know until I finish the cleanup.

Kent

I don't actually think these page formatting things have anything to do with your original issue, but they are creating some display problems for your site in some browsers. I've seen some display weirdness in Firefox that may be caused by this improper HTML.

The original issue may be hard to fix because of the third party links and code that is involved. If you can point me to a page that you've actually embedded these links in, I can see if the problem is Smugmug's parsing of these links or if it's the third party code involved in processing these links. As it is, we can only guess because we haven't been able to actually look at your page with these links in it they way you put them in yet. We also need to know what the desired result is for each of these links.

PBolchover · June 12, 2007

Try replacing the % characters in the original URL with %25
This should give
http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view%3Devent%26eventid=67246 774

With luck, the javascript parsing with convert the %25 to a % character, giving you the correct URL.

krh100 · June 14, 2007

PBolchover wrote:

Try replacing the % characters in the original URL with %25
This should give
http://jahawk.smugmug.com/gallery/1832338?trumbaEmbed=view%3Devent%26eventid=67246 774

With luck, the javascript parsing with convert the %25 to a % character, giving you the correct URL.

THANKS Major grins,

That was the solution. It's working correctly now.

Kent

krh100 · June 16, 2007

Hello again,

Can anyone tell me why these headings are showing up like this on my home page www.ehsladywolves.com?

Untitled-2.jpg

Allen · June 16, 2007

krh100 wrote:

Hello again,

Can anyone tell me why these headings are showing up like this on my home page www.ehsladywolves.com?

A quick note after looking at your homepage.
Add this to your CSS to reserve a static slideshow space. The different slide
heights are pushing your page around. Change the heigth to your largest
photo.

#ssSlide{height:400px;}

This is what is causing it, part of the theme.

#header {
padding: 10px;
padding-top: 25px;
_padding-top: 24px;
padding-bottom: 0;
height: 25px;
background: url(/img/themes/Red/header.jpg) repeat-x;
}

Allen · June 16, 2007

krh100 wrote:

Hello again,

Can anyone tell me why these headings are showing up like this on my home page www.ehsladywolves.com?

Untitled-2.jpg

You might try something like this.
Change the span id in the html from header to MYheader like this.

<span id="MYheader">Coaching Staff:</span>
...
<span id="MYheader">Blogs:</span>
...    
<span id="MYheader">Local Media:</span>
...
<span id="MYheader">Boys Basketball:</span>

Then add this to your CSS

#MYheader {
padding: 10px;
padding-top: 0px;
_padding-top: 0px;
padding-bottom: 0;
background: #3A0000;
color: white;
}

Change the colors to what you want.

krh100 · June 17, 2007

Allen wrote:
You might try something like this.
Change the span id in the html from header to MYheader like this.
Coaching Staff:
...
Blogs:
... 
Local Media:
...
Boys Basketball:
Then add this to your CSS

#MYheader {
padding: 10px;
padding-top: 0px;
_padding-top: 0px;
padding-bottom: 0;
background: #3A0000;
color: white;
}

Change the colors to what you want.

Hey Allen,

Thanks ... I really appreciate the help with "stabalizing" the slide show. :ivar
That's been buggin me and I've not gotten around to fixing it until now.

Your other guidance helped me fix the headers!

Kent

Allen · June 17, 2007

krh100 wrote:

Hey Allen,

Thanks ... I really appreciate the help with "stabalizing" the slide show. :ivar
That's been buggin me and I've not gotten around to fixing it until now.

Your other guidance helped me fix the headers!

Kent

Great! Looks good.

The sponser box is too wide for the page and moves.
Might try this combo. Works great in Firefox but don't
know how other browsers will look.

div#Sponsors {position: relative;
left: 50%;
color: 3d7a1b;
background-color: #397a1b;
width: 49%;
text-align: center;
font-weight: bold;
margin-top: 10px;}

div#sidebar { position:relative;
top: -550px;
width: 47%;}

#userBio {height: 1660px;}

krh100 · June 17, 2007

Allen wrote:

Great! Looks good.

The sponser box is too wide for the page and moves.
Might try this combo. Works great in Firefox but don't
know how other browsers will look.

div#Sponsors {position: relative;
left: 50%;
color: 3d7a1b;
background-color: #397a1b;
width: 49%;
text-align: center;
font-weight: bold;
margin-top: 10px;}

div#sidebar { position:relative;
top: -550px;
width: 47%;}

#userBio {height: 1660px;}

Hey Allen,

Once again, thanks for the suggestions. I had not seen the sponsor box moving around but I rarely go into another screen resolution or interntet browser. I made your recommended changes but as you can see the bio box now has several inches of dead space. How can I get rid of this. I put in the userbio box and then took it out because I thought it was make the acres of empty space.

Allen · June 17, 2007

krh100 wrote:

Hey Allen,

Once again, thanks for the suggestions. I had not seen the sponsor box moving around but I rarely go into another screen resolution or interntet browser. I made your recommended changes but as you can see the bio box now has several inches of dead space. How can I get rid of this. I put in the userbio box and then took it out because I thought it was make the acres of empty space.

Both Friefox and IE6 look find here and the content doesn't move now, great.
Looks like the only problem left is the userBio box height in IE6.

See if adding the _margin-bottom removes the gap in IE6.

div#sidebar { position:relative;
top: -550px;
width: 47%;
_margin-bottom: -500px;}

krh100 · June 17, 2007

Allen wrote:

Both Friefox and IE6 look find here and the content doesn't move now, great.
Looks like the only problem left is the userBio box height in IE6.

See if adding the _margin-bottom removes the gap in IE6.

div#sidebar { position:relative;
top: -550px;
width: 47%;
_margin-bottom: -500px;}

That seemed to fix it Allen ... thanks again!

iamback · June 18, 2007

Allen wrote:
You might try something like this.
Change the span id in the html from header to MYheader like this.
Coaching Staff:
...
Blogs:
... 
Local Media:
...
Boys Basketball:
Then add this to your CSS

#MYheader {
padding: 10px;
padding-top: 0px;
_padding-top: 0px;
padding-bottom: 0;
background: #3A0000;
color: white;
}

Change the colors to what you want.

Sorry, but that's not right: an ID must be unique in a document, it's to identify a single element. If you want to give the same styling to several elements, you must use a class.

Allen · June 18, 2007

iamback wrote:

Sorry, but that's not right: an ID must be unique in a document, it's to identify a single element. If you want to give the same styling to several elements, you must use a class.

Duh! Thanks, my goof, you're correct, should have used class and not id.:smack

...
<span [color=red]class[/color]="krhheader">Coaching Staff:</span> <br>Head Coach:
...
<span [color=red]class[/color]="krhheader">Blogs:</span><br>
...
<span [color=red]class[/color]="krhheader">Local Media:</span><br>
...
<span [color=red]class[/color]="krhheader">Boys Basketball:</span>
...

In CSS change the #krhheader to .krhheader

<span #krhheader {font-weight: bold;font-size: 1.5em; padding: 10px; padding-top: 0px; _padding-top: 0px; padding-bottom: 0; background: #660000; color: white; position: relative; left: -10px }

<span .krhheader {font-weight: bold;font-size: 1.5em; padding: 10px; padding-top: 0px; _padding-top: 0px; padding-bottom: 0; background: #660000; color: white; position: relative; left: -10px }

krh100 · June 19, 2007

Allen wrote:
Duh! Thanks, my goof, you're correct, should have used class and not id.:smack
...
Coaching Staff: Head Coach:
...
Blogs: 
...
Local Media: 
...
Boys Basketball:
...
In CSS change the #krhheader to .krhheader

<span #krhheader {font-weight: bold;font-size: 1.5em; padding: 10px; padding-top: 0px; _padding-top: 0px; padding-bottom: 0; background: #660000; color: white; position: relative; left: -10px }

<span .krhheader {font-weight: bold;font-size: 1.5em; padding: 10px; padding-top: 0px; _padding-top: 0px; padding-bottom: 0; background: #660000; color: white; position: relative; left: -10px }

Thanks for the coaching Allen and Marjolein!!!

I went ahead and made the changes...

Kent

iamback · June 19, 2007

Allen wrote:

In CSS change the #krhheader to .krhheader

<span #krhheader {font-weight: bold;font-size: 1.5em; padding: 10px; padding-top: 0px; _padding-top: 0px; padding-bottom: 0; background: #660000; color: white; position: relative; left: -10px }

<span .krhheader {font-weight: bold;font-size: 1.5em; padding: 10px; padding-top: 0px; _padding-top: 0px; padding-bottom: 0; background: #660000; color: white; position: relative; left: -10px }

One of those days, Allen? Those "

url paste into bio section of homepage is somehow being changed

Comments