Web Development

n.podbielski13-Nov-12 21:46

n.podbielski

13-Nov-12 21:46

You can use

HTML

<iframe>

HTML tag and change it's src attribute

HTML

<iframe src="target.html">

by JS code as click event handler.

JavaScript

somelink.onclick =function(event){
iframe.src = event.target.href;
event.preventDefault();
}

No more Mister Nice Guy... >: |

weinerschizel14-Nov-12 11:54

weinerschizel

14-Nov-12 11:54

Sweeeeeeeeeeeeeeeeeeeeeeeeeeeeeet worked like a champ Smile | :)

I created a new page template in wordpress and put the iframe tag for the body of the page. Here's a link to my test http://www.keystoaz.com/test/... I embedded one of my websites in another one of my websites.

I'm curious though... Is there some trick to get the iframe to resize the page so it doesn't nest a scroll bar like that?

Thanks!!!

n.podbielski14-Nov-12 12:08

n.podbielski

14-Nov-12 12:08

weinerschizel wrote:
I'm curious though... Is there some trick to get the iframe to resize the page so it doesn't nest a scroll bar like that?

What do you mean? I frame has size allowed by page layout. If you give more space to iframe or page within iframe will be less space demanding scroll will disappear. Think of iframe like about browser window: window is to small for page scroll will appear to let you see all the content.

No more Mister Nice Guy... >: |

weinerschizel14-Nov-12 12:25

weinerschizel

14-Nov-12 12:25

Yeah that's what I figured... Just thought I would see if there was some sort of script / hack that could re-size the iframe though. Googling doesn't come up with too much either.

The page webpage I plan on embedding is a fixed height anyways so it probably won't even matter anyways. (I have to pay $300 / year for the ability to embed it).

n.podbielski14-Nov-12 12:38

n.podbielski

14-Nov-12 12:38

It is possible. Try setting style of iframe

JavaScript

$('iframe').css({
'position':'absolute',
'top':'0px',
'left':'0px',
'height':'100%',
'width':'100%'
});

I am not sure about syntax. It's be a while since I manipulated styles with jQuery, so better check it with documentation.
But this should work. Basicly it's setting left-top corner of frame to left-top corner of window, and force iframe to take all available window space.
I did not try this with iframe but I guess this should work like with any other html element.

No more Mister Nice Guy... >: |

Richard Deeming14-Nov-12 2:04

Richard Deeming

14-Nov-12 2:04

If you don't have permission to do this, most website owners will object. They'll either add script to break out of the frame, add headers to prevent their site being loaded in your frame, or possibly even resort to legal action.

Somebody tried to do this to CodeProject a few weeks back[^]; the hamsters were not amused!

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

modified 15-Nov-12 7:54am.

weinerschizel14-Nov-12 7:33

weinerschizel

14-Nov-12 7:33

That sucks.

Richard Deeming14-Nov-12 7:42

Richard Deeming

14-Nov-12 7:42

I think it's a perfectly reasonable response. If you'd spent time and effort making a really useful site, would you be happy for someone else to display your site surrounded by their branding and adverts?

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

function like evernote web clipper

Zamshed Farhan15-Jan-13 4:27

Zamshed Farhan

15-Jan-13 4:27

Yes, you may use iframe and within it load an url.

crayben12-Nov-12 22:35

12-Nov-12 22:35

Hi, enveryone, now I want write a function like evernote web clipper,but I didn't know what to do with it ,alsp didn't found any info through google search, could someone help me slove it or give me some suggestion,many tks.

Richard MacCutchan12-Nov-12 23:10

12-Nov-12 23:10

I just watched the evernote video and am very impressed with what it can do. However, I would be surprised if you could write this in "a function". This product runs as a browser extension and supports all browsers, so the first thing you need to do is study how to create a BE. Once you have a simple BE running you can start thinking about the ways you would capture the data from the web pages that the user clicks on. Then you need to figure out how and where you are going to store this information, etc.

One of these days I'm going to think of a really clever signature.

crayben12-Nov-12 23:22

12-Nov-12 23:22

Thanks for your reply, I just study web programing for little times, before I was a linux system programmer so didn't very clear with your suggestion, so could you give me a detail, such as what's "BE"?if I want accomplish my task what should i begin with it? many thanks

Richard MacCutchan12-Nov-12 23:42

12-Nov-12 23:42

As I said in my previous message, this product is developed as a Browser Extension (BE), or Add-on. If you want to develop something similar then you need to study that subject first; take a look here[^] and here[^] for more information.

One of these days I'm going to think of a really clever signature.

crayben13-Nov-12 0:55

13-Nov-12 0:55

Ok, deeply thanks for your replying, BTW, could you give me your MSN account ?

Richard MacCutchan13-Nov-12 1:06

13-Nov-12 1:06

crayben wrote:
could you give me your MSN account ?

Er, why?

One of these days I'm going to think of a really clever signature.

crayben13-Nov-12 1:14

13-Nov-12 1:14

if I have encounter some quesion I can ask for your help, BTW, MSN is convinent,pls

Richard MacCutchan13-Nov-12 1:16