jwrapperbot & jtarget 1.5 native — support

[infograf768]

Great

[krackerjax]

I just installed the jwrapperbot and jtarget. I created an article and in the article body I done something simple like {wrap}http://www.joomla.org{/wrap}. I then created a menu link to the article. When the article comes up it just shows {wrap}http://www.joomla.org{/wrap}. It does not load the external page.

[Nirav]

Did you tried to enable both the plugins? Try enabling it than see if it works.

[mibn]

Hi Infograf,

I have uploaded and activated both plugins.

I need to embed this Iframe in an article:
<iframe src="http://www.gpsies.com/mapOnly.do?fileId ... fpeogmopfs" width="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="GPSies - Hornbæk plantage MTB track"></iframe>

But when I use the {wrap}{/wrap} tags before and after then it does not seem to work, I have tried all kind of combination but no luck. I have tried deleting the <iframe src=" - </iframe> tags.

What am I doing wrong?

Regards Mikkel - Denmark

[infograf768]

Hi Infograf,

I have uploaded and activated both plugins.

I need to embed this Iframe in an article:
<iframe src="http://www.gpsies.com/mapOnly.do?fileId ... fpeogmopfs" width="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="GPSies - Hornbæk plantage MTB track"></iframe>

But when I use the {wrap}{/wrap} tags before and after then it does not seem to work, I have tried all kind of combination but no luck. I have tried deleting the <iframe src=" - </iframe> tags.

What am I doing wrong?

Regards Mikkel - Denmark

1. Title is not an authorized Iframe tag.
2. You should read the instructions when editing Jwrapperbot in the back-end...

That is what should be entered in your article:

{wrap height="400" width="600" scroll="0"}http://www.gpsies.com/mapOnly.do?fileId ... pfs/{/wrap}

If you want to define a border or some CSS, then also enter class="myclass" and add the CSS in your template css.

As I guess this url is not related to one of your site's component, you don't need the Target parameter.
Set it to No if you use it in the global parameters for the plugin.

[mibn]

Hi again Infograf,

sorry for my late reply, I have been busy with a very annoying newsletter module

Anyway, the iFrame tag I described:
<iframe src="http://www.gpsies.com/mapOnly.do?fileId=vywldghlbupxlhii" width="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="GPSies - Tisvildehegn singletrack ca. 34km"></iframe> is working if I switch off the TinyMCE 2.0 editor
off in the global config and modify the article in HTML look here:

http://www.mtbtracks.dk/index.php/spor- ... vilde-hegn

So I was hoping that your extension could display ONLY the google map from
http://www.gpsies.com/map.do?fileId=vywldghlbupxlhii and NOT the entire site as your {wrap height="400" width="600" scroll="0"}http://www.gpsies.com/mapOnly.do?fileId ... pfs/{/wrap} suggestion did.

See at the bottom of http://www.gpsies.com/map.do?fileId=vywldghlbupxlhii for the Iframe tag
that is standard there.


I hope you get my idea.

Kind regards Mikkel.

[infograf768]

Got it. That site has implemented a custom "Title" tag.

Here is a custom version of JWrapperbot which lets enter a param for that tag locally in an article.

jwrapperbot.php.tgz

Code would be

{wrap height="400" width="600" scroll="0" title="GPSies - Tisvildehegn singletrack ca. 34km"}http://www.gpsies.com/mapOnly.do?fileId ... lhii{/wrap}

Tested here OK.

[mibn]

Hi Jean-Marie,

thank you very very much for your support, it works perfectly.

Kind regards Mikkel.

[smfr]

Hi All
Please help me to solve my problem:
i want to show a specific position of a external webpage in iframe!
i have a needed css code for this!
but in joomla HTMLcode editor can't show the iframe & show only css code.
can Jwrapper & jtarget help me?

Tanks for your answers.

[derricklo]

Hi,

Need help to display a Flash object inside the {wrap} plugin for J1.5. It used to work for J1.0.

If I enable the core J1.5 wrapper to display the Flash object too, BOTH display correctly.

When I disable the core J1.5 wrapper only, both are not displayed!

Thanks.

[infograf768]

Hi,

Need help to display a Flash object inside the {wrap} plugin for J1.5. It used to work for J1.0.

If I enable the core J1.5 wrapper to display the Flash object too, BOTH display correctly.

When I disable the core J1.5 wrapper only, both are not displayed!

Thanks.

This is a redundant post.
I replied in the other thread.

[derricklo]

See http://forum.joomla.org/viewtopic.php?f ... 6#p1751476

Sorry did not post in the correct place previously.

--
Hi,

The flash object is a remote url. I'm not using JTarget.

I compared the 2 codes, seems that '" onload="iFrameHeight()"' is needed to display a Flash object.

When I enable "Auto Height" option (which include the iFrameHeight() code), it correctly displays Flash object now.

[eldot]

Hello,

Can jwrapperbot be used such that a user can enter a search query on Site A and see the search results for that query from Site B inside a Site A wrapper?

Please let me know,

Luis.

UPDATE: The answer may still be interesting to someone else, but we decided to present the content a different way. Thanks anyway.

[FerretLife]

Is it possible to have the page go to the top when a link is clicked in a wrapped item? I was able to do this in the Joomla 1.0 wrapper component. I tried _top thinking this would essentially refresh the page. It didn't work.

I was able to edit the old Wrapper component to do this.

Thank you.

[infograf768]

_top will replace the window with the link call, your joomla if link to a component, the site in the wrapper if this is what you show in the wrapper.
JTarget has to be published.

[FerretLife]

Thank you for your quick response.

I am trying to wrap an external site. The site is for a car dealer, and the wrapper has their inventory listing. The problem is when someone clicks on a vehicle from a list, to see it's details, the page stays on that spot. What the viewer sees is a blank page.

The wrapped list of cars can be 4000 to 5000 px high, where the details of the car may only be 1000 px high or less.

The hack for Joomla 1.0 was:
wrapper.html.php

Code: Select all

<script language="javascript" type="text/javascript">
		function iFrameHeight() {
			var h = 0;
			if ( !document.all ) {
				h = document.getElementById('blockrandom').contentDocument.height;
				document.getElementById('blockrandom').style.height = h + 60 + 'px';
				scroll(0,0);
			} else if( document.all ) {
				h = document.frames('blockrandom').document.body.scrollHeight;
				document.all.blockrandom.style.height = h + 20 + 'px';
				scroll(0,0);
			}
		}
		
		function scrollToTop() { 
          scroll(0,0); 
        }
		</script>

and
wrapper.php

Code: Select all

// auto height control
	if ( $params->def( 'height_auto' ) ) {
		$row->load = 'onload="iFrameHeight()"';
	} else {
		$row->load = 'onload="scrollToTop()"';
	}

Can something like this be done with your plugin? I do have both published, even though I am not wrapping a component.

Thank you for your help.

[infograf768]

I guess so.
Look at the code in jwrapperbot.php

Code: Select all

if ($wrap_params['height_auto'] )  {
		$autoheight= 'onload="iFrameHeight()"';
		$myscript =" <script language='javascript' type='text/javascript'>
		function iFrameHeight() {
			var h = 0;
				h = document.getElementById('blockrandom').contentDocument.height;
				document.getElementById('blockrandom').style.height = h + 60 + 'px';
		}
		</script>";
		} else {
		$autoheight ='';
		$myscript='';
	}

[FerretLife]

Thanks for looking at it, but the code change made no difference. Any clicked links in the wrapped page still keep the page exactly where it was.

[infograf768]

Please post the code you used to replace the one I posted. I can't test without that.
Also give the url of the site you want to show in the wrapper.

[FerretLife]

The url is:
http://www.cars.com/go/search/advanced_ ... PerPage=20

I was able to hack the Joomla 1.5 Wrapper component using this code:
In default.php:

Code: Select all

<script language="javascript" type="text/javascript">
function iFrameHeight() {
	var h = 0;
	if ( !document.all ) {
		h = document.getElementById('blockrandom').contentDocument.height;
		document.getElementById('blockrandom').style.height = h + 60 + 'px';
		scroll(0,0);
	} else if( document.all ) {
		h = document.frames('blockrandom').document.body.scrollHeight;
		document.all.blockrandom.style.height = h + 20 + 'px';
		scroll(0,0); 
	}
}
function scrollToTop() { 
          scroll(0,0); 
        }
</script>

and in view.php:

Code: Select all

// auto height control
      if ( $this->params->def( 'height_auto' ) ) {
         $this->wrapper->load = 'onload="iFrameHeight()"';
      } else {
         $this->wrapper->load = 'onload="scrollToTop()"';
      }

And it works.

My URL is www.deanteamusedcars.com. Scroll down and click on search. When the page finishes loading, it will now move the whole page to the top.

The same url wrapped in your plugin:
http://www.deanteamusedcars.com/index.p ... =frontpage

I have tried changing your code to reflect the code I used in the wrapper component, default.php page. No luck. I don't know if it has to do with line 62:
"if ($wrap_params['height_auto'] ) {"
as I am using a defined height of "6300".
New code line 62 through 84:

Code: Select all

if ($wrap_params['height_auto'] )  {
		$autoheight= 'onload="iFrameHeight()"';
		$myscript =" <script language='javascript' type='text/javascript'>
function iFrameHeight() {
	var h = 0;
	if ( !document.all ) {
		h = document.getElementById('blockrandom').contentDocument.height;
		document.getElementById('blockrandom').style.height = h + 60 + 'px';
		scroll(0,0);
	} else if( document.all ) {
		h = document.frames('blockrandom').document.body.scrollHeight;
		document.all.blockrandom.style.height = h + 20 + 'px';
		scroll(0,0); 
	}
}
function scrollToTop() { 
          scroll(0,0); 
        }
</script>";
		} else {
		$autoheight ='';
		$myscript='';		
	}

Possibly in the "else" I should put the code change?

It may also be that I have nowhere to put the code I put in the component view.php page:

Code: Select all

// auto height control
      if ( $this->params->def( 'height_auto' ) ) {
         $this->wrapper->load = 'onload="iFrameHeight()"';
      } else {
         $this->wrapper->load = 'onload="scrollToTop()"';
      }

Any ideas?

[FerretLife]

I figured it out!

I combined the code from the component hack and came up with the code below. Works perfectly!

Code: Select all

    if ($wrap_params['height_auto'] )  {
		$autoheight= 'onload="iFrameHeight()"';
		$myscript =" <script language='javascript' type='text/javascript'>
		function iFrameHeight() {
			var h = 0;
			if ( !document.all ) {
				h = document.getElementById('blockrandom').contentDocument.height;
				document.getElementById('blockrandom').style.height = h + 60 + 'px';
			} else if( document.all ) {
				h = document.frames('blockrandom').document.body.scrollHeight;
				document.all.blockrandom.style.height = h + 20 + 'px';
			}
		}
		</script>";
		} else {
		$autoheight ='onload="scrollToTop()"';
		$myscript="<script language='javascript' type='text/javascript'>
function iFrameHeight() {
	var h = 0;
	if ( !document.all ) {
		h = document.getElementById('blockrandom').contentDocument.height;
		document.getElementById('blockrandom').style.height = h + 60 + 'px';
		scroll(0,0);
	} else if( document.all ) {
		h = document.frames('blockrandom').document.body.scrollHeight;
		document.all.blockrandom.style.height = h + 20 + 'px';
		scroll(0,0); 
	}
}
function scrollToTop() { 
          scroll(0,0); 
        }
</script>";		
	}

Thanks again for creating this plugin, and your efforts to help me.

[infograf768]

[thesilfieszone]

All i want is to have the page displayed take the parameters of the wrapper. If the wrapper is the only thing on the page i want it to display the content at 100%, if the wrapper/iframe is sharing space on the screen with a module i want it to re-size it's content to display everything, but smaller.

can this extension do that?

[infograf768]

As this plugin is used in an article, the result will depend on the ItemId of the menu which displays the article.

[crystalm38]

I absoultely love this thing!!! So thank you for making it! However, I am having problems changing the background color within the wrapper. It's white and I would like to change it to the background that surrounds it. I have searched and searched in my template.css and cannot figure it out. Could you please help me? Here is the page where all the problem is happening. Keep in mind, this is a work in progress and my color scheme looks hideous!!!
http://getalifemedia.com/index.php?opti ... &Itemid=30

Thanks for any help given!
o btw, my template is JA Purity 2

[infograf768]

I absoultely love this thing!!! So thank you for making it! However, I am having problems changing the background color within the wrapper. It's white and I would like to change it to the background that surrounds it. I have searched and searched in my template.css and cannot figure it out. Could you please help me? Here is the page where all the problem is happening. Keep in mind, this is a work in progress and my color scheme looks hideous!!!
http://getalifemedia.com/index.php?opti ... &Itemid=30

Thanks for any help given!
o btw, my template is JA Purity 2

Looks like you need a new css in your template.css file


body.contentpane {background:#DBD6CC;}

[crystalm38]

You hit the nail on the head!!!! It's works beautifully! Thanks!

[coberloco]

I want to disable the horizontal scroll bar but keep the vertical. I know this can be done by using:

style="overflow-x: hidden;"

How can this be done with this plugin?

[infograf768]

I want to disable the horizontal scroll bar but keep the vertical. I know this can be done by using:

style="overflow-x: hidden;"

How can this be done with this plugin?

Sure!

Just add in your template CSS
.jwrapper {
overflow-x: hidden;
}

if the class defined for the iframe is jwrapper (it is per default).
And set scroll to auto.

If you need this style only for one instance of the plugin, then define in the {wrap} another class and add the CSS.

[coberloco]

I want to disable the horizontal scroll bar but keep the vertical. I know this can be done by using:

style="overflow-x: hidden;"

How can this be done with this plugin?

Sure!

Just add in your template CSS
.jwrapper {
overflow-x: hidden;
}

if the class defined for the iframe is jwrapper (it is per default).
And set scroll to auto.

If you need this style only for one instance of the plugin, then define in the {wrap} another class and add the CSS.

Thank you. That works great in Firefox but not on Internet Explorer. Any ideas?