27  2592 
I want to send the url of a enlarged image to a new window on another server and display it there.
You want to force a new window to open and go to a certain webpage on a different server? Seems like a popup blocker would reject that, but you could try.
Plater 7,872
Recognized Expert Expert
So open a new window and give the url for the remote server in it?
I want to rewrite the code to display an enlarged image (from clickable thumbnail on my site) in a window on another site! (the url in the code below will be to a page on another site, different domain/server. - <body onload=function(){document.getElementById("place_holder").src = window.opener.document.getElementById("imgurl").value; >
-
-
<script>
-
function ResizeThem() {
-
maxheight=250;
-
maxwidth= 250;
-
imgs=document.getElementsByTagName("img");
-
for (p=0; p<imgs.length; p++) {
-
if (imgs[p].getAttribute("alt")=="user posted image") {
-
w=parseInt(imgs[p].width);
-
h=parseInt(imgs[p].height);
-
if (parseInt(imgs[p].width)>maxwidth) {
-
imgs[p].style.cursor="pointer";
-
imgs[p].setAttribute('alt','Reduced Image - Click to see full size');
-
imgs[p].onclick=new Function("document.getElementById('imgurl').value = this.src; iw=window.open('http://inny.ipbfree.com/index.php?act=Attach&type=post&id=1342','ImageViewer','resizable=1,scrollbars=1') ;iw.focus()");
-
imgs[p].height=(maxwidth/imgs[p].width)*imgs[p].height;
-
imgs[p].width=maxwidth;
-
}
-
if (parseInt(imgs[p].height)>maxheight) {
-
imgs[p].style.cursor="pointer";
-
imgs[p].onclick=new Function("document.getElementById('imgurl').value = this.src; iw=window.open('http://inny.ipbfree.com/index.php?act=Attach&type=post&id=1342','ImageViewer','resizable=1,scrollbars=1') ;iw.focus()");
-
imgs[p].width=(maxheight/imgs[p].height)*imgs[p].width;
-
imgs[p].height=maxheight;
-
}
-
}
-
}
-
}
-
ResizeThem();
-
</script>
-
-
-
<input type="hidden" id="imgurl">
-
can I re-do the above code to open the enlarged image in a floating layer div instead?
acoder 16,027
Recognized Expert Moderator MVP
I want to rewrite the code to display an enlarged image (from clickable thumbnail on my site) in a window on another site! (the url in the code below will be to a page on another site, different domain/server.
As Plater, just change the URL to the new domain, but you won't be able to access elements on the page, or use window.opener to refer back to the parent window.
acoder 16,027
Recognized Expert Moderator MVP
can I re-do the above code to open the enlarged image in a floating layer div instead?
Yes, you can. Look for "lightbox" or one of its clones.
Yes but I dont want to have to set a specific attribute for each image manually,
I want my code to reduce the dimensions, and then instead of opening in a new window, it could assign the newly reduced image whatever attribute triggers the lightbox function, but i dont know to rewrite the code to do that. I need a functional example please.
For instance: I could Use This js.. -
/*
-
See http://www.howtocreate.co.uk/perfectPopups.html and http://www.howtocreate.co.uk/jslibs/termsOfUse.html
-
for details and terms of use.
-
To call this script, use something like (the number is a delay before it closes or 0 for no timed closing -
-
the true/false says if the window should close when they switch to another window):
-
<script type="text/javascript"><!--
-
//you can style this, but don't try to text-align it to the right, it will break the resizing effect
-
//keep it narrow, if it is wider than the image, the window will wrap to this width
-
//the makeright class tells the script to automatically align it to the right
-
var extraHTML = '<br><a href="javascript:window.close()" style="text-decoration:none;color:#777;background-color:#bbb;font-weight:bold;border-left:2px solid #000;" class="makeright">Close<\/a>';
-
//--></script>
-
<a href="me.jpg" onclick="return popImageExtra(this.href,'Site author',true,3000,extraHTML);">link</a>
-
*/
-
-
//really not important (the first two should be small for Opera's sake)
-
PositionX = 10;
-
PositionY = 10;
-
defaultWidth = 600;
-
defaultHeight = 400;
-
-
//don't touch (except to modify the window contents)
-
function popImageExtra(imageURL,imageTitle,AutoClose,oTimeClose,extraHTML){
-
var imgWin = window.open('','_blank','scrollbars=yes,resizable=1,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY);
-
if( !imgWin ) { return true; } //popup blockers should not cause errors
-
imgWin.document.write('<html><head><title>'+imageTitle+'<\/title><script type="text\/javascript">\n'+
-
'function getRefToDivMod( divID, oDoc ) {\n'+
-
'if( !oDoc ) { oDoc = document; }\n'+
-
'if( document.layers ) {\n'+
-
'if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else {\n'+
-
'for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {\n'+
-
'y = getRefToDivNest(divID,oDoc.layers[x].document); }\n'+
-
'return y; } }\n'+
-
'if( document.getElementById ) { return oDoc.getElementById(divID); }\n'+
-
'if( document.all ) { return oDoc.all[divID]; }\n'+
-
'return document[divID];\n'+
-
'}\n'+
-
'function resizeWinTo() {\n'+
-
'if( !document.images.length ) { document.images[0] = document.layers[0].images[0]; }'+
-
'if( !document.images[0].height || window.doneAlready ) { return; }\n'+ //in case images are disabled
-
'var oH = getRefToDivMod( \'myID\' ); if( !oH ) { return false; }\n'+
-
'var oW = oH.clip ? oH.clip.width : oH.offsetWidth;\n'+
-
'var oH = oH.clip ? oH.clip.height : oH.offsetHeight; if( !oH ) { return false; }\n'+
-
'if( !oH || window.doneAlready ) { return; }\n'+ //in case images are disabled
-
'window.doneAlready = true;\n'+ //for Safari and Opera
-
-
'var mH = screen.availHeight-200, mW = screen.availWidth-200;\n'+
-
'if( oH > mH || oW > mW ) {\n'+
-
-
'document.images[0].fullH = oH;\n'+
-
'document.images[0].fullW = oW;\n'+
-
-
'var hDif = oH - document.images[0].height;\n'+
-
'var wDif = oW - document.images[0].width;\n'+
-
'mH = mH - hDif; mW = mW - wDif;\n'+
-
'mH = mH \/ document.images[0].height;\n'+
-
'mW = mW \/ document.images[0].width;\n'+
-
'var zoomFactor = ( mH < mW ) ? mH : mW;\n'+
-
'oH = Math.floor( document.images[0].height * zoomFactor );\n'+
-
'oW = Math.floor( document.images[0].width * zoomFactor );\n'+
-
-
'document.images[0].style.cursor = \'crosshair\';\n'+
-
'document.images[0].title = \'Click to resize image\';\n'+
-
'document.images[0].oldHeight = document.images[0].height;\n'+
-
'document.images[0].oldWidth = document.images[0].width;\n'+
-
'document.images[0].newHeight = oH;\n'+
-
'document.images[0].newWidth = oW;\n'+
-
'document.images[0].onclick = function () { '+
-
'if( this.oldHeight == this.height ) { '+
-
'this.height = this.newHeight; this.width = this.newWidth; '+
-
'setTimeout(\'window.resizeTo(\'+this.oW+\',\'+this.oH+\'); '+
-
'if( !window.opera ) { '+
-
'window.moveTo(\'+Math.round((this.scW-this.oW)/2)+\','+
-
'\'+Math.round((this.scH-this.oH)/2)+\'); }\',1);\n'+
-
'} else { this.height = this.oldHeight; this.width = this.oldWidth; '+
-
'window.moveTo(0,0); window.resizeTo(this.scW,this.scH); '+
-
'var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;\n'+
-
'if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }\n'+
-
'else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }\n'+
-
'else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }\n'+
-
'if( window.opera && !document.childNodes ) { myW += 16; }\n'+
-
'if( this.fullH < myH ) { var rs = this.fullH - myH; window.resizeBy(0,rs); '+
-
'if( !window.opera ) { window.moveBy(0,Math.round(rs/-2)); } }'+
-
'if( this.fullW < myW ) { var rs = this.fullW - myW; window.resizeBy(rs,0); '+
-
'if( !window.opera ) { window.moveBy(Math.round(rs/-2),0); } }'+
-
'} };\n'+
-
-
'document.images[0].height = oH;\n'+
-
'document.images[0].width = oW;\n'+
-
'oH += hDif; oW += wDif;\n'+
-
'}\n'+
-
-
'if(document.getElementsByTagName) {\n'+
-
'for( var l = document.getElementsByTagName(\'a\'), x = 0; l[x]; x++ ) {\n'+
-
'if(l[x].className==\'makeright\'&&!l[x].style.position){\n'+
-
'l[x].style.position=\'relative\';\n'+
-
'l[x].style.left=(document.images[0].width-(l[x].offsetWidth+l[x].offsetLeft))+\'px\';\n'+
-
'}}}\n'+
-
'var x = window; x.resizeTo( oW + 200, oH + 200 );\n'+
-
'var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;\n'+
-
'if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }\n'+
-
'else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }\n'+
-
'else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }\n'+
-
'if( window.opera && !document.childNodes ) { myW += 16; }\n'+
-
'x.resizeTo( oW = oW + ( ( oW + 200 ) - myW ), oH = oH + ( (oH + 200 ) - myH ) );\n'+
-
'var scW = screen.availWidth ? screen.availWidth : screen.width;\n'+
-
'var scH = screen.availHeight ? screen.availHeight : screen.height;\n'+
-
-
'document.images[0].oH = oH;\n'+
-
'document.images[0].oW = oW;\n'+
-
'document.images[0].scH = scH;\n'+
-
'document.images[0].scW = scW;\n'+
-
-
'if( !window.opera ) { x.moveTo(Math.round((scW-oW)/2),Math.round((scH-oH)/2)); }\n'+
-
(oTimeClose?('window.setTimeout(\'window.close()\','+oTimeClose+');\n'):'')+
-
'}\n'+
-
'<\/script>'+
-
'<\/head><body onload="resizeWinTo();"'+(AutoClose?' onblur="self.close();"':'')+'>'+
-
(document.layers?('<layer left="0" top="0" id="myID">'):('<div style="position:absolute;left:0px;top:0px;display:table;" id="myID">'))+
-
'<img src="'+imageURL+'" alt="Loading image ..." title="" onload="resizeWinTo();">'+
-
(extraHTML?extraHTML:'')+(document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>');
-
imgWin.document.close();
-
if( imgWin.focus ) { imgWin.focus(); }
-
return false;
-
}
-
But how do I get My code(below) to :
1. reduce the image dimensions
2. trigger the code above (or similar lightbox code that requires thumbs to be e.g rel='lightbox') ?
Even something like this would be good http://www.c6software.com/Products/P...#Prerequisites -
<script type='text/javascript'>
-
<!--
-
function ResizeThem(){
-
maxheight=250;
-
maxwidth= 250;
-
imgs=document.getElementsByTagName("img");
-
for (p=0; p<imgs.length; p++) {
-
if (imgs[p].getAttribute("alt")=="user posted image") {
-
w=parseInt(imgs[p].width);
-
h=parseInt(imgs[p].height);
-
if (parseInt(imgs[p].width)>maxwidth) {
-
imgs[p].style.cursor="pointer";
-
imgs[p].setAttribute('title','Reduced Image - Click to see full size');
-
imgs[p].onclick=new Function("iw=window.open(this.src,'ImageViewer','resizable=1,scrollbars=1');iw.focus()");
-
imgs[p].height=(maxwidth/imgs[p].width)*imgs[p].height;
-
imgs[p].width=maxwidth;}
-
if (parseInt(imgs[p].height)>maxheight) {
-
imgs[p].style.cursor="pointer";
-
imgs[p].onclick=new
-
Function("iw=window.open(this.src,'ImageViewer','resizable=1,scrollbars=1');iw.focus()");
-
imgs[p].width=(maxheight/imgs[p].height)*imgs[p].width;
-
imgs[p].height=maxheight;}}}}
-
ResizeThem()
-
//-->
-
</script>
-
-
acoder 16,027
Recognized Expert Moderator MVP
But how do I get My code(below) to :
1. reduce the image dimensions
2. trigger the code above (or similar lightbox code that requires thumbs to be e.g rel='lightbox') ?
1. Just set the width or height to a fixed size.
2. Change the onclick, or for lightbox, set the rel attribute. If you don't want to change the code, try using an alternative/clone that doesn't require setting attributes.
Sign in to post your reply or Sign up for a free account.
Similar topics | |
by: rnd |
last post by:
Hi all!
could you kindly help me to solve a compatibility problem that involves
Internet Explorer and NN/Mozilla.
I created a html page that contains a form (its name is "Modulo") and some
text boxes. After clicking on a button, a popup appears.
I tried to modify the text of "Testo" textbox from the popup windows by
using the following javascript code:
window.opener.Modulo.Testo.value=window.opener.Modulo.Testo.value + " This
|
by: Bart |
last post by:
Hallo,
I'm have a problem with the following script:
function wr(s)
{
//Just got tired of writing document.write,
//so I created a shorthand version
document.write(s);
|
by: Gary Mayor |
last post by:
Hi,
I'm trying to make it so when I click a image it prints out the image
again and a load of other stuff. So far i've got this far.
<html>
<head>
<script language="JavaScript" type="">
document.onmousedown = onmousedown;
function onmousedown(e)
{
|
by: David Smith |
last post by:
I have the following snippet which will not render the control on the page:
foreach(DataRow dr in ds.Tables.Rows)
{
System.Web.UI.HtmlControls.HtmlTableRow r = new
System.Web.UI.HtmlControls.HtmlTableRow();
System.Web.UI.HtmlControls.HtmlTableCell c1 = new
|
by: kev |
last post by:
Hello,
I posted a question a while ago on tabbed pages, how to set it to
invisible when the text box is empty.It was answered by Rick and the
code ran perfectly. However, i tried using the same code for another
scenario and it gives me compile error:method or data member not found.
My scenario is i have a nested tab page.My main tabbed page has 4 tabs,
About, SafetyLevel1,SafetyLevel2,SafetyLevel3. Inside this main, i
created a...
| | |
by: saurabhpant |
last post by:
Hi friends,
I am working on a blog application.In this application we use an iframe for writing the text I am using the javascript for storing the value of iframe in a temporary variable.The code is given below:---
var tmpIframe=iframe.document.body.innerText;
it works perfectly in IE but not working in Mozilla.
help me asap.
Regards
Saurabh
|
by: gunnuk |
last post by:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>WELCOME TO HEMA CREATIVE HOUSE</title>
<style type="text/css">
<!--
@import url("css/IDESIGN 1.css");
@import url("css/IDESIGN.2.css");
body {
|
by: bnashenas1984 |
last post by:
Hi everyone
I have a HTML page which has some dynamic parts. The problem is that this page works fine in IE but not in MOZILLA ( doesn't work att all in mozilla )
here is an example:
------------------------------------------
<table id="searchtable" >
<tr>
<td>
Some text here...
</td>
|
by: tegdim |
last post by:
Hello,
I'm working on a machine learning project that I have lots of HTML news stories to work with. I made an online tool that lets me look at these pages via mozilla and hand label them by adding my own tags into the DOM.
The problem I've found is that the pages I'm using are being tidied by Mozilla. For example, <p/> is changed into proper <p> and </p> tags.
The problem is that I also want to be able to process these pages without...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| | |
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| | |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |
