Hello, I wonder if it is possible to create an iframe of an external link php plugin like a textfield, and which can draglayer ()

Trainee

Monday, September 3rd 2012, 2:54pm

Hello, I wonder if it is possible to create an iframe of an external link php plugin like a textfield, and which can draglayer ()

Hello, I wonder if it is possible to create an iframe of an external link php plugin like a textfield, and which can draglayer ()

Example other web site: http://www.vpix.net/index.php?tour=68102 menu reservation.

Go to the top of the page

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

Monday, September 3rd 2012, 6:53pm

It's just jquery ui http://jqueryui.com/demos/dialog/#default with an iframe as content

krpano just calls a javascript function which opens this dialog

Go to the top of the page

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

Monday, September 3rd 2012, 6:56pm

Just use javascript to open the iframe.

KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

Go to the top of the page

ArturoJM

Trainee

Posts: 99

Monday, September 3rd 2012, 7:37pm

thanks for replying, would be very happy if you could put a small demonstration or put any link on the forum that shows how to do it and since I'm from Spain and my English is very bad ye been looking but not what to call it and I'm using html5.

Thank you very much.

Go to the top of the page

ArturoJM

Trainee

Posts: 99

Monday, September 3rd 2012, 7:46pm

I managed to embed it with this:
pero como hago para que mis plugin puedan mandarles ordenes.

<body>
<script> $(function() { $( "#dialog" ).dialog(); }); </script>

<div class="demo">
<div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p></div>
<div class="hiddenInViewSource" style="padding:20px;"><p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p><form> <input value="text input" /><br /> <input type="checkbox" />checkbox<br /> <input type="radio" />radio<br /> <select> <option>select</option> </select><br /><br /> <textarea>textarea</textarea><br /></form></div>
</div>

</body>

Go to the top of the page

ArturoJM

Trainee

Posts: 99

Monday, September 3rd 2012, 8:15pm

I think this is the order created.
As I can do to call it from krpano?

$(function() {
$( "#dialog" ).dialog();
});

Go to the top of the page

ArturoJM

Trainee

Posts: 99

Monday, September 3rd 2012, 8:27pm

Total, the thing I call esque selling:
http://jqueryui.com/demos/dialog/ # default

but with krpano plugin.
THX

Go to the top of the page

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

Monday, September 3rd 2012, 10:59pm

krpano would be:

	Source code
1	<hotspot url="test.png" onclick="js(openpopup())" enabled="true" />

in the html you have:

	Source code
1 2 3 4 5	<script> function openpopup(){ $( "#dialog" ).dialog(); } </script>

Source code

<div class="demo">
<div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p></div>
<!-- Sample page content to illustrate the layering of the dialog --><div class="hiddenInViewSource" style="padding:20px;"><p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p><form> <input value="text input" /><br /> <input type="checkbox" />checkbox<br /> <input type="radio" />radio<br /> <select> <option>select</option> </select><br /><br /> <textarea>textarea</textarea><br /></form></div><!-- End sample page content -->
</div><!-- End demo -->

Works only online (or with local access enabled)

Go to the top of the page

ArturoJM

Trainee

Posts: 99

Monday, September 3rd 2012, 11:21pm

thank you very much it worked perfect.
Now what remains is used as:

check_FS(); js(tb_show(A_Title_For_The_iFrame,http://www.test.com/index.php?keepThis=true&TB_iframe=true&height=500&width=800));

I leave the info from a web page, also with scroll

Thanks for your help.

Go to the top of the page

ArturoJM

Trainee

Posts: 99

Monday, September 3rd 2012, 11:43pm

Fixed, just had to put it as iframe.

Thank you very much

Go to the top of the page

ArturoJM

Trainee

Posts: 99

Tuesday, September 4th 2012, 2:51am

Good night, took several hours trying to close the popup but no way.
E proven in the following ways:

<script>
function closepopup(){
self.close(event);
}
</script>

<script>
function removeData('dialog1'){
$( "#dialog1" ).dialog();
}
</script>

<script>
function window.close('dialog1'){
$( "#dialog1" ).dialog();
}
</script>

<script>
function closeaa(){
self.close(event);
}
</script>

onclick="js(self.close(dialog));
onclick="js(closepopup());
onclick="js(closepopup(dialog));

and some more but I do not rememberand I think to be around here but I can not fit it.

uiDialogTitlebarClose = $('')
.addClass(
'ui-dialog-titlebar-close ' +
'ui-corner-all'
)
.attr('role', 'button')
.hover(
function() {
uiDialogTitlebarClose.addClass('ui-state-hover');
},
function() {
uiDialogTitlebarClose.removeClass('ui-state-hover');
}
)
.focus(function() {
uiDialogTitlebarClose.addClass('ui-state-focus');
})
.blur(function() {
uiDialogTitlebarClose.removeClass('ui-state-focus');
})
.click(function(event) {
self.close(event);
return false;
})
.appendTo(uiDialogTitlebar),

uiDialogTitlebarCloseText = (self.uiDialogTitlebarCloseText = $(''))
.addClass(
'ui-icon ' +
'ui-icon-closethick'
)
.text(options.closeText)
.appendTo(uiDialogTitlebarClose),

uiDialogTitle = $('')
.addClass('ui-dialog-title')
.attr('id', titleId)
.html(title)
.prependTo(uiDialogTitlebar);

Any idea, Thanks