How to manipulate HTML in a Facebook post - html

Is there anyway that I can manipulate HTML in a Facebook post? Is it possible to edit the code in anyway without having to install a third-party app?

Sure, depending on which browser you are using, there are different ways. Just search for dev tools [your browser] and you will find a way. Guess it's mostly F12.
Of course that's just locally, you won't be able to change the data on the server, if you're not allowed to.

Right Click > Investigate or F12 on the Element you want to edit and on your right there should open the code you can freely edit it to your liking
Also when posting on SO please provide more than just saying i want to do that.. How to do it? Tell us what you have tried or where you have researched before asking the Question

Related

Add-on to copy a page element with styles

I'm looking for an add-on for any browser that could copy any particular web page element with all it's styles to clipboard to be paste-in and show someone.
The aim is to have an opportunity to quickly share a small part of my big project or to assist in writing an article about this HTML and CSS tricks or to inspect a part of someone's else work.
Any ideas? If no such plugin exist, I'll try to write is by myself.
This is probably too late. But if anyone out there looking for the same thing, use SnappySnippet. It was built by Konrad Dzwinel
Firefox Add-on
Chrome extension
More details
It's a great extension.
Haven't seen anyone mention such an extension and a quick search doesn't yield one. You'll probably have to build one yourself.
The excellent Firebug add-on already collects this information, it may be easier to make a Firebug plugin to add the push-button convenience.
Note that this question is tagged as Greasemonkey, but Greasemonkey is not the best tool for this job.
Have you tried the Web Developer addon (firefox/chrome)? Not sure if it does exactly what you are asking for, but it displays the source in-page, allowing you to select specific sections of the page/source. You can use this feature and then copy-paste the relevant element you want to work with. That is if I understood your needs. If not, please clarify...

Faking website integration

I am working on a prototype for a project that is somewhat similar to the facebook's "like" button. Basically it's an embeddable piece of code that can integrated with any website.
I am looking for a way to fake this integration for a demo. Basically I want to show a familiar web page (like http://www.cnn.com) with my code already embedded. Since I obviously can't do the actual integration right now, I need some way of faking it.
The only thing I can think about is to use http://www.httrack.com/ to download the page I want, and then change it locally. The problem with this is that it is clear that the page is hosted locally and not on www.cnn.com.
Is there a better technique for doing this?
If you use Firefox browser, you can use Greasemoneky and with JavaScripts, embedd your content inside that page. You can eaven add events, that will open some popup windows, etc. to show action of such a script.
That is easy approach, there are ton's of examples in their forum, and good documentation, how to use it.
You can write your own userscript (i.e. greasemonkey) to modify the page on the fly.
Even though I think it's a bad idea to do this (not sure if stackoverflow allows to ask such questions), but what you can do is edit the hosts file (if you're on windows) and add a line
127.0.0.1 www.cnn.com
it means that when you visit the website cnn it will display the domain name in the browser but it will use your localhost server to display the content.

Implementing notes option in website

I would like to implement/embed a notes area where people can write some notes on my website.
is this possible with some simple html script? And if yes, does someone know where to find?
Here you can see what I mean: http://bwmbroadcast.org/player/flash?stream=MP4BW489-3A.mp4
Any help would be appreciated.
Thanks
If i were you i would implement a HTML-5 local storage system, http://net.tutsplus.com/tutorials/html-css-techniques/building-persistant-sticky-notes-with-local-storage/
You cannot do this by simply using HTML+CSS.
You have several options:
Use a simple HTML form that submits data to the server and save the notes to a database (you can use PHP and MySQL for this). Form submission can happen through AJAX. This seems to be the right way to me.
Use Javascript and save the notes in a cookie (this way you do not tie it to a user but a browser, I don't recommend this)
Use benhowdle89's solution, you need Javascript for that too, and HTML5 local storage support is not in every browser right now (still, notes will be tied to the browser, so if I visit your site from a different computer/browser, I won't be able to access them).
UPDATE: If you don't want to store notes at all, and only want it for printing, you could check out contenteditable. No need for Javascript here. See: http://html5demos.com/contenteditable

How to hide precious HTML from user eyes?

I am thinking to create an website that generates HTML through a wizard.Finally, I want to make the users to buy the generated HTML source if they like what they see.
But I don't want to let the users to steal the HTML, CSS and JS that I use to create the effect they want.
I want a technique which is immune to Firebug and Right Click -> View Page Source.
Any thoughts ?
edit: I remember something about iframes or frameset, but I'm not sure how to fool the browser and Firebug to execute the code without updating their capability of showing that source code. A popup is also a possible solution.
edit 2: html hosted in silverlight ? will you use it ?
The best thing you can do is to just obfuscate your code. Trying to hide the source is not going to work (for ex: if you disable right click-> view source that doesn't stop them from using the menu or saving the page or using a shortcut key or writing an app to stream the http request into a file and open that, etc).
Firstly, depending on what you are doing you can have the HTML code loaded through JS after the page load (AJAX).
As far as your JS goes:
Free Obfuscator
Not Free Obfuscator
In the end though, there is no stopping someone who really wants to get that source. Even obfuscated code can be rebuilt (though it's hell on wheels painful depending on how good the obfuscator is).
To really protect the sample HTML from prying eyes, you'd need to render it on the server-side and only pass image data to the client. If you want the user to be able to interact with the sample as if it were a normal Web page, you'll also need to send their pointer and keyboard inputs to the server and update the displayed image when necessary. At that point, though, you're basically making an HTTP-based version of VNC. This is definitely possible, but I don't think it will be easy, and I doubt there are any existing software packages to let you do this. If I were you, I'd rethink my business model a bit.
Sending XSL-templated XML to the browser may be enough fool some, and it will work more or less the same in many modern browsers including IE6 (maybe even 5.5).
But really, trying to hide the HTML code isn't going to work if anyone halfway serious wants to get it.
I am thinking to create an website that generates HTML through a wizard.
Finally, I want to make the users to buy the generated HTML source if they like what they see.
If this is what you need you might consider the possibility of creating a preview of the page as an image, and provide the download of the source only after the user agreed and paid. There is no magic way to let a browser display a code that you can't see.
You can make a video, showing the functionality and upload the same, which may help users to view / feel it.

validating HTML

I am beginner in HTML and CSS. I just designed web site and tried to validate but my HTML end up having some "geovisit();"
and it wont validate.
I do not know how to get rid of it.
Help me?
Thank you
Guest
A quick Google search for geovisit suggests that the non-validating code is being added by your hosting provider. It looks like this problem may actually be specific to Yahoo!, which has an option to disable that "feature". I suggest you read this forum thread on the problem.
That's usually Yahoo (or other hosting providers) sticking javascript on your page without your knowing. In Yahoo's case you should be able to turn it off if you dig through the settings.