embedding stuff

warning: long ramble! these are just some notes to myself about providing code for people to embed their pets in their own web pages.

goals

  1. code pasted into the web page shouldn't be TOO long — macromedia's recommended HTML code for flash is pretty verbose (there are shorter versions, but they all have minor issues with one browser or another that affect my pets)
  2. link text back to the site should be in the external page itself, rather than in an iframe or generated from javascript, so that search engines will find it on their page
  3. should work on windows and mac, internet explorer 5+, mozilla/firefox, safari

approaches

  • use macromedia's flash tags as is. this violates goal #1.
  • <script> tag with external src file (this is what i currently use). the script generates the verbose flash tags. script tag is surrounded by a table so that the "adopt your own virtual pet!" link can be directly below it. it would be nice if the script generated the entire table, too (good for goal #1) but then that would violate goal #2. i suppose i could also do the text-link alignment with CSS instead of tables…
  • iframe. the iframe's src points to a script that generates all the flash tags. this would also require a table around the iframe (or div/css solution) so that the "adopt" link can be directly below it.

why did i go with embedded scripts instead of iframes? i think it's because i was still partially supporting netscape 4.x (!), which doesn't know iframes. the reason i was still partly supporting netscape 4 is because the toronto public library's public internet terminals were still using netscape 4 as recently as last year (!!), and i felt like i needed to support local kids using library computers, for whatever reason…. today, though, the library computers run IE, i don't test on netscape 4.x at all, and the browser barely registers in my stats, so it's no longer really a concern.

that's also why i used tables instead of divs, come to think of it…

specific services and HTML filtering

i never considered livejournal, xanga, msn spaces, myspace, etc when i first created the pets, so i hadn't considered what those sites allow.

  • livejournal strips out most of everything (javascript, objects/embeds, iframes), so only images are allowed. msn spaces is pretty much the same way.
  • xanga allows javascript in parts of your layout, so the regular version of the code works.
  • myspace has strange filters. scripts are stripped out. images are allowed, unless they don't end in .gif, .png or .jpg (so my original image script broke because the url looked like /adopt/petimage.php?param=value. i had to change it to /adopt/petimage/encoded-params.png…). objects are not allowed. embeds are allowed, but only if the filename ends in .swf (i think some other extensions are allowed too, i haven't tested)… but embeds are turned into iframes! plus all the embed parameters are stripped out. iframes are allowed, but only for certain filename extensions (like embed).

i'm about to make some myspace-specific code for the pets, using iframes and a bogus .swf extension… but perhaps i will change the general code to use iframes instead. hmmm should test this on other services first.

65 Responses to “embedding stuff”

  1. Maikuru Says:

    when you discover a meathod of using Iframes on Myspace please email me.

  2. bunnytech » Blog Archive » fixing myspace code Says:

    […] i fixed the pet code for myspace. it now uses <embed> tags, but i have to hide the 'swf' extension. it seems that myspace is trying to filter out all swf files. before, it just converted <embed>ed swf tags to <iframe>s, which messed up any flashVar properties on the <embed>… hence, the magic iframe code i was using before. now myspace just strips the .swf extension off altogether, and <iframe>s seem to be completely disallowed. on the plus side, it leaves the properties (including flashVar) intact. […]

  3. pimpmama Says:

    So, I made this photoalbum using flash and I want to embed it in myspace…but like u say they just recently put a block on even the iframe code that worked to embed the music player I have on my site…So now if I wish to edit the section the player wont show only the broken coding…

    Have you found anything that might bypass any of this? You say use the embed tags and hide the swf ext. but how would you go about doing that…

    thanks for researchin…

  4. bunnyhero Says:

    see my comment here: http://bunnyherolabs.com/tech/?p=26#comment-40

    it explains one way to hide the .swf extension.

  5. pimpmama Says:

    awesome! thanks bunny!! u rock \m/…I really appreciate you takin the time to figure all this stuff out..really

  6. pimpmama Says:

    hey buns…not sure if this is the right place…but um…i adopted sum lil cyber guys and i was wonderin if there is any way i could change the color the name shows up in?? my page is black so i made the background of the pets the same..and so u cant see the names… :( any ideas?

  7. bunnyhero Says:

    unfortunately there's currently no way to change the colour of the text. that is something i hope to add in the not-so-distant future. sorry about that!

  8. pimpmama Says:

    np…thanks anyway!

  9. EyesOfRedemption Says:

    Okay… Bunny. I recently made an awesome area with a scrollable table in the "About Me" section on myspace. However, when I put it in there, the CSS screws it all up. Even WITHOUT the CSS, it just doesn't look all that great thanks to myspace's filtering. I tried to use an inline frame for what I WANTED to put there which is on freewebs.com. (http://www.freewebs.com/eyesofredemption/)… I'm a little confused though with this "embed" you are speaking of. Did you figure out a way someone COULD cheat the filtering and use an inline frame or what? x.x

  10. bunnyhero Says:

    unfortunately i couldn't figure out a way to cheat the iframe filtering. i can use embed because i'm using a flash movie, not a regular webpage.

  11. EyesOfRedemption Says:

    Damn… that really sucks. If only there was a way to make it a flash file that imitates a web site. Could THAT work maybe? I have Flash, but I don't do anything else with it except use it to ink pictures. It has a good pen tool on it, I'll say that much. And, if not… is there anyway I can AT LEAST cheat the link code? When I tried to put in a simple link in my myspace to http://www.freewebs.com/eyesofredemption, it wanted to send the visitor to http://www.myspace.com/www.freewebs.com/eyesofredemption. That's really cheap if Tom has it filtered like that. In fact, I'll go one better — that's just Tom being an asshole. I can understand filtering iFrames, but a simple a href link? Give me a break. He's obviously doing it because he wants to keep everything strictly myspace myspace myspace. Someone's really gotta make something better and more leniant than myspace that people can use. Agree'd?

  12. Ormus Says:

    I’m trying to embed a page into my MySpace. Since MySpace strips iframe and object, I’m not sure how to do this. Any help would be appreciated.

    This is the code that I would’ve normally used:

    <iframe name="nowplaying" src="http://www.tmsbroadcasting.com/stationinfo/awr_songinfo.html" width="148" height="182" scrolling="no" frameborder="0" ></iframe>

    awr_songinfo.html auto-refreshes with each new song.

  13. bunnyhero Says:

    unfortunately, i don't know of a way around this :-\ not yet anyway. i'll keep researching when i can.

  14. Zyphix Says:

    How to embed mp3 player with xml playlist:

    Adjust URL's and flash properties as you need. I just tried this out, it works perfect.

  15. amanda Says:

    soo…embed is for flash, and they don't allow frames on myspace?? am i following this??

  16. bunnyhero Says:

    yeah, you got it :)

  17. hawaiiangirl Says:

    hi, i was wondering if someone could help me. i had music on my page but now its not there and i have to start from scratch again and i forgot how. please someone, help me:( !

  18. Danielle Says:

    ** helpp ** I adopted a pet before I had Myspace…now I am on MySpace and I would like to put my pet into my profile…..what is the code I need so my pet will appear??

  19. Cole Says:

    do you mean a picture? because that is img src="###"> and in place of the ###, put the url of the pic.

    Also i have a question. I wanted to put a reference to an external css sheet in my my myspace, but the filters dont alow my to put a link ref in my profile

  20. Paulina Says:

    helpp… i had a drawing board in my myspace profile from flash-gear.com and when i try to use the html code the turns into is there any way around this?

  21. nick Says:

    you can put flash in myspace, they fileter allowscriptaccess to = never and actionscript….

  22. bunnyhero Says:

    yup, but to get more of the whole story, you should catch up on the posts i've written since this one. myspace's filters change a lot…

  23. becky Says:

    like the backround its weird soooooooooooooo just like it is

  24. Tim Says:

    Hey everyone, I have a wonderful solution to getting music onto your MySpace Profile! Me and a friend of mine just started up a new website for people looking for this. It is called www.Mp3Profiles.com We have made it so that all you have to do is upload your mp3's to our server, create a playlist, and get your player. All the music is managed by you, and you can upload what songs you want the player to play. You ought to try it out!!!!!

    Enjoy!
    Tim

  25. Spam Huntress » Blog Archive » Proof of concept - iframes and Yahoo groups Says:

    […] What other services allow or disallow: * Livejournal, xanga and myspace from July 2005 * Browsers - it's possible to block iframes in your browser. If anyone knows how, please let me know. * Ebay doesn't allow iframes […]

  26. jon Says:

    how do i change the color of my back round on my myspace

  27. AQuAtiC Says:

    Hey I have the http://www.flash-gear.com/ drawing board on my MYSPACE page which uses the embed command and no .swf .. I can't find anything on your page to get the drawing board to work.. You can draw on the board but you cant see anything anyone else has drawn.. whats weird is it use to work fine,, then it stopped working,, then it started working again and now it does not work at all but one girl said she saw a picture on there just today.. soooo confusing .. anyone figure out how to get the board to work please e-mail me at [email protected] THANKS~!

  28. Pat Says:

    hey i still need help how to change my myspace URL
    please email me bak

  29. Eddie Says:

    can you embed a website like .html into a flash doc

  30. Dana Says:

    Hi, I'm having the same problem that AQuAtiC posted about.
    his post read :
    Hey I have the http://www.flash-gear.com/ drawing board on my MYSPACE page which uses the embed command and no .swf .. I can’t find anything on your page to get the drawing board to work.. You can draw on the board but you cant see anything anyone else has drawn.. whats weird is it use to work fine,, then it stopped working,, then it started working again and now it does not work at all but one girl said she saw a picture on there just today.. soooo confusing .. anyone figure out how to get the board to work?

    however mine hasn't started working again after it stopped working. someone please help! e-mail me at [email protected]

    thank you

  31. Dallas Says:

    Well, it seems myspace rules out swf files also. So This was my approach. I put a link (image) for my new playlist that linked to my flash mp3 player that I host on a clients site. I wanted a resized window to open onclick that fit to my MP3 player. Of course myspace has ruled out all javascript and onclick stuff. So I created what I call a "Transition" page. When you click my "new playlist" link it opens my "mywebsiteURL/transition.htm" page which uses javascript…body onload=window.open to open a new resized window with my html file that contains my mp3 player. The transition page then self closes after a few seconds. Here is the code in my transition page:

    ————————————————————————————–

  32. Joseph Hines Says:

    Okay, I'm making a website using flash. I'm creating the main page using MX 2004. On the page, there is a rather brief menu of different options, links, etc. In the middle of the page, I want to display things like news and current events and things that change on a regular basis. What I don't want to have to do is directly edit the FLA file every time I add an event or news bulletin or WHATEVER. I'd like to know if there was a way to display a pre-exiting website within the Flash MX file, so that I can edit the HTML directly when I want to add something.

    So please, someone tell me, is there a way to diplay an HTML web site on Flash. Thank you.

  33. purebelladonna Says:

    I am trying to put an embed or static image in the background of my scrollable music I like list on myspace…. as it stands right now I just have it scrolling over the basic embed bg image for the web page…
    like so
    Fiona Apple Portishead

  34. purebelladonna Says:

    crap… i mean like this but add the html stuff.
    div style="width:200px;height:200px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;"

  35. Ronnie Says:

    i have this chat room im tryen to put on myspace but it says iframe enabled so how do i put it on please write me back

  36. Joseph Hines Says:

    Does anyone ever post any answers in this thing?

  37. user Says:

    nope!

  38. micah Says:

    I was curious to know a way to find out who sees my profile on myspace

  39. Anonymous Says:

    i was wondering how to get on my space when its blocked

  40. Anonymous Says:

    do any one knows how to get on my space in school

  41. BREE Says:

    I GOT BOTH AND I KNOW HOW TO GET EVERYTHING ONMYSPACE AND NOTHIN BOUT XANGA IF YOU NEED MY HELP WITH MYSPACE TELL ME YA KNOW.

  42. Danielle Says:

    hey iw as wondering if there is a way to see who has looked at my myspace profile?…..i got one that just shows guest and not there name so i have no clue who they are and i just wann aknow whos lookin at it lol..im not sure if anyone asked this but i am can u please help me thanks

  43. Shai Says:

    Does anybody here know how 2 make iframes on freewebs.com?

  44. Dave Says:

    There are some ways which let you get to myspace in schools.
    At my school at the moment, you can get into myspace using a proxy.
    A proxy is something that lets you view sites, which may be blocked.

    www.proxy7.com
    www.shysurfer.com
    www.mezzy.com
    www.vtunnel.com

    You can also use these at work. It's not my fault if you get caught using this stuff.

    Another word of advice. Use one at a time. So if it gets blocked by ur school as well, you can use the next one.

  45. Dave Says:

    Mezzy is crappy at the moment.

    It's been like that for about 2-3 months.

    Just plain unacceptable.

  46. Anonymous Says:

    how do u change a url on myspace

  47. Meachy Says:

    Is there a way that I can embed a whole website onto my page?

  48. Upt90 Says:

    Does anybody kno any kind of code top get any kind of info to see who views my profile?

  49. Eliza Says:

    Hey

  50. casey blick Says:

    Hey, i have a question…my myspace URL was changed. It use to be www.myspace.com/cblick09 and not its www.myspace.com/codyistheshyt …idk how to change it back. does anyone know how too? IM me on AIM cblick09 if i dont respond! thanks

  51. Nick Says:

    Does anyone know how to embed a song in a bulletin and/or blog?

  52. Anonymous Says:

    prevailingness acyclovir prevailingness

  53. Anonymous Says:

    phoca valtrex phoca

  54. william Says:

    here is a list of sites that you can use to access myspace
    vtunnel.com - use if myspace is banned in school
    proxy7.com- use if myspace is banned in school
    proxifie.com -use if myspace is banned in school
    myspace.com
    google.com and then search myspace.com

    THE BEST MYSPACE SITE THAT IS NOT RECOGNIZED AS MYSPACE:
    freewebs.com/kil0nbot/mysite.html

  55. om4g hax0r Says:

    just hack ur school smart one haha.

  56. Anonymous Says:

    body {
    background-color: rgb(255, 255, 255);
    background-image: url(http://i60.photobucket.com/albums/h9/killerlayouts/img135.jpg);
    background-position: top left;
    background-repeat: repeat;
    background-attachment: fixed;
    }
    table, tr, td {
    background-color: transparent;
    border: 0px;
    }

    table table {
    border: 0px;
    }
    table table table table{
    border:0px;
    }
    table table table {
    border-width: 16px;
    border-color: rgb(255, 102, 102);
    border-style: solid;
    background-color: transparent;
    }
    table table table td {
    background-color: transparent;
    filter:alpha(100);
    -moz-opacity:1;
    opacity:1;
    -khtml-opacity:1;
    }
    table table table table td {
    filter:none;
    }
    body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
    font-family: Verdana;
    font-size: 19px;
    color: rgb(247, 5, 131);
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    }
    .nametext {
    padding: 5px;
    font-family: Courier New;
    font-size: 20px;
    color: rgb(0, 145, 0);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    display: block;
    }
    .whitetext12, .orangetext15 {
    font-family: Arial;
    font-size: 12px;
    color: rgb(0, 255, 152);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
    a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
    color: rgb(0, 168, 153);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
    a.navbar:hover, a.man:hover, a:hover {
    color: rgb(182, 145, 188);
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    }
    .badge {
    position: absolute;
    left: 1px;
    top: 1px;
    }

    Layout Created at KillerKiwi.net

    i make a layout site and i cant figure out how to put the code thro!
    above is the code

  57. D Says:

    how do i get onto myspace?if its blocked by rm filter.thers no reason to block it.it doesnt exactly contain anything unsuitable for the kids.

  58. Eric Says:

    Iwould like to include this into an iframe. Is there a workaround for the myspace filters?

    http://www.hollywoodfineart.com/billy_imggal/index.php

    Thanks,

    Eric

    To view more about
    The Artwork of Eric Walton 9 / Edub9
    please go to the following address:
    www.hollywoodfineart.com
    www.myspace.com/ericwalton9_edub9

  59. lafownda Says:

    I think if all of you just search and work hard then you won't need to ask such silly questions about codes and such.Because I know all of the answers, well almost all of the answers to your questions that you are sitting there asking.Maybe if you ask me nicely, I will help you out! :-) -lafownie-

  60. user Says:

    how do i get into myspace if i have to get through RM??
    i have tried the websites you have on here, they dont work.

  61. dalton Says:

    ok i dont know what anything in this is about but when i try to embed my site i put in this code

    but when i say submit and come back to edit the code later it says

    the embed still works on macs using safari, but on pcs a window pops up saying there is no plugin for this, so just look at it

    http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=28791897

  62. theCHUCKSTER Says:

    hey.

    i have a myspace with a div overlay that i made myself. the problem i'm having though is i when i put in code for my slideshow from slide.com into one of the divs, it doesn't show up! i've tried doing your thing with the tinyurl but that didn't work. pleeease help!!! having my slideshow on there would make it perfect. please bare in mind that everything i know about HTML and CSS (which is limited) i taught myself!

    thanks in advance!!!

  63. Carla Says:

    Is it possible to have an embed background on MySpace??? If so please tell me how t make it work because I'm about to go insane.

  64. dimitri Says:

    ifames on my myspace profile. How do i do it?

    its being done one this profile:

    http://www.myspace.com/godofwar

  65. Dr Green Thumb Says:

    You can NOT embed a HTML page on myspace…

    Using the embed tag will only work with the .swf extension

    Object also does NOT work

    IFrame also does NOT work

    Basically, Tom who created the site and now maintains it doesn't want people to embed their own HTML pages into their myspace profile so unless you know something he doesn't (which if I very much doubt) you're not going to be able to do anything about it. If someone does figure out a 'hack' it wont be long before that will be removed in the same way IFrame and Object have been removed…

    If you want people to view a page that's hosted elsewhere then you will only be able to link to it from your myspace profile page.