Trying to display a URL in a frame but the URL is tobig

@elmnasOct 07.2016

Hello everyone,

I have got this Document

[code=html]<html> <body> <div class=”wrapper”> <div class=”pricing-table group”> <h1 class=”heading”> TEST </h1>

<div class=”block personal fl”> <h2 class=”title”>TEST</h2>

<div class=”content”> <p class=”price”> <p class=”hint”>TEST</p> </div>

<ul class=”features”> <li><span class=”fontawesome-cog”></span><td>XXXX</td></li> </ul>

<div class=”pt-footer”> <p>TEST</p> </div> </body> </html> [/code]

<ul class=”features”>
<li><span class=”fontawesome-cog”></span><td>~~[COLOR=”#FF0000″]~~XXXX[/COLOR]</td></li>
</ul>

I need to replace the ~~[COLOR=”#FF0000″]~~XXXX[/COLOR] with a URL adress that is found in myfile.html

~~[B][U]~~myfile.html[/U][/B] contains following code:

[code=html]<map id=”1796_bar_500_375″ name=”1796_bar_500_375″> <area shape=”rect” coords=”275,276,407,280″ title=”X-Axis: easplun3 Group-By: ‘Passed’ Value: 1″ alt=”” nohref=”nohref”/> <area shape=”rect” coords=”275,284,407,285″ title=”X-Axis: easplun3 Group-By: ‘No Run’ Value: 0″ alt=”” nohref=”nohref”/> <area shape=”rect” coords=”275,280,407,284″ title=”X-Axis: easplun3 Group-By: ‘Failed’ Value: 1″ alt=”” nohref=”nohref”/> <area shape=”rect” coords=”67,284,199,285″ title=”X-Axis: <unknown> Group-By: ‘Passed’ Value: 0″ alt=”” nohref=”nohref”/> <area shape=”rect” coords=”67,45,199,284″ title=”X-Axis: <unknown> Group-By: ‘No Run’ Value: 55″ alt=”” nohref=”nohref”/> <area shape=”rect” coords=”67,284,199,285″ title=”X-Axis: <unknown> Group-By: ‘Failed’ Value: 0″ alt=”” nohref=”nohref”/> <area shape=”poly” coords=”335,334,335,290,348,290,348,334,335,334,335,334″ title=”easplun3″ alt=”” nohref=”nohref”/> <area shape=”poly” coords=”127,347,127,290,140,290,140,347,127,347,127,347″ title=”<unknown>” alt=”” nohref=”nohref”/> <area shape=”rect” coords=”437,205,498,224″ title=”Passed” alt=”” nohref=”nohref”/> <area shape=”rect” coords=”437,186,497,205″ title=”No Run” alt=”” nohref=”nohref”/> <area shape=”rect” coords=”437,167,489,186″ title=”Failed” alt=”” nohref=”nohref”/> </map><img src=”http://mytest.net:80/qcbin/rest/public/domains/test/projects/test/graphs/1796/layouts/default?alt=image/png&width=500&height=375&authKey=8fbd4811-255d-4865-9d3c-ed9dbdee44d4″ width=”500″ height=”375″ usemap=”#1796_bar_500_375″/><table width=”500″><tr><td style=”font-family: Arial; font-size: 8pt; border: none; “>Last Generated: 10/7/16 11:02:52 AM</td></tr><tr><td style=”font-family: Arial; font-size: 8pt; border: none; “><a href=”td://test.test.alm12.got.test.net:80/qcbin/AnalysisModule-00000002220154988?EntityType=IAnalysisItem&EntityID=1796”></td></tr></table>[/code]

I need to grab the IMAGE URL –>
~~[COLOR=”#FF0000″]~~http://mytest.net:80/qcbin/rest/public/domains/test/projects/test/graphs/1796/layouts/default?alt=image/png&width=500&height=375&authKey=8fbd4811-255d-4865-9d3c-ed9dbdee44d4[/COLOR]

and show it in a TD cell.

Could someone help me?
let me know if I need to explain something

Thank you in advance

to post a comment

HTML

9 Comments(s) _↴

@SempervivumOct 07.2016 — #You might load myfile.html by Ajax or jQuery-load into a container. Then you can easily get the src attribute of fhe image and insert it into your li tag.

BTW: Using a td tag without a table makes no sense. Use a span instead.

@TrainOct 07.2016 — #Maybe this is something to use. We have it in the top left here.

https://www.google.com/?gws_rd=ssl#q=Google+site+search

@elmnasauthorOct 10.2016 — #Hi Sempervivum,

Could you help me with a code snippet/ example/guide?

Thank you in advance.

@elmnasauthorOct 10.2016 — #also I forgot to say it need to be html not php. Javascript is fine I believe too. that the hard part.

@azreferateOct 10.2016 — #use jQuery-load into a container

is the easyest way

@elmnasauthorOct 10.2016 — #The purpose for the whole project, it's to share the html file on a regular sharepoint.

Do Microsoft Sharepoint offer support for ajax/jquery included in a html-file?

Thank you in advance

@SempervivumOct 10.2016 — #Try this:

[CODE]        <div class="wrapper">
 <div class="pricing-table group">
 <h1 class="heading">
 TEST
 </h1>
 
   <div class="block personal fl">
   <h2 class="title">TEST</h2>
 
   <div class="content">
   <p class="price">
   <p class="hint">TEST</p>
   </div>
 
   <ul class="features">
   <li><span class="fontawesome-cog"></span></li>
   %

@SempervivumOct 10.2016 — #PS: Would be better to use a variable for the helper container, then it's invisible without further measures:

[CODE]        <div class="wrapper">
 <div class="pricing-table group">
 <h1 class="heading">
 TEST
 </h1>
 
   <div class="block personal fl">
   <h2 class="title">TEST</h2>
 
   <div class="content">
   <p class="price">
   <p class="hint">TEST</p>
   </div>
 
   <ul class="features">
   <li><span class="fontawesome-cog"></span></li>
   </ul>
 
   <div class="pt-footer">
   <p>TEST</p>
   </div>
   </div>
   </div>
   </div>
   <script>
   var helper = $("<div></div>");
   helper.load("myfile.html", function () {
   var url = helper.find("img").attr("src");
   $("span.fontawesome-cog").text(url);
   });[/CODE]

@Bhavna_MalhiOct 27.2016 — #You can shorten the URL by using free url shortener. This will shorten your website.You can insert the shorten URL in the frame now.

Also in #HTML _↴

Tabels with links Converting a CSS Page to HTML How to auto submit input range

Success!

Help @elmnas spread the word by sharing this article on Twitter...

Tweet This

Trying to display a URL in a frame but the URL is tobig

9 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Trying to display a URL in a frame but the URL is tobig

9 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

9 Comments(s) _↴

Also in #HTML _↴