Blogger embedded in Xara design- publish comment jumps to Google page

[browj2]

Hi,

I'm trying to create a blog page on a site designed with Xara. I have created the Google Blog, added an iFrame in Xara with code to open the blog on my Xara webpage. Works fine. However, if I add a comment, as soon as I click on Publish, it jumps to the Blogger webpage instead of remaining in my embedded page.

WegPage

Add a comment, publish to see what happens. The back button at the top of the web page goes back to the site.

Does anyone have a solution to this?

Note that I am using Xara hosting.

Thanks,

[bwood]

John. I presume this is a google function and one has to log into their google account or sign up for the blog. I did leave a comment to test but there’s no log in communication.

[Acorn]

John, when you create your Placeholder as an IFRAME, you will need to give it a name (e.g., name="jaysblog".
The the IFRAME can be controlled through some JavaScript.

As to how, I don't know but in the REPLY or Publish buttons you would need to override the target="_self" parameter with target="jaysblog".

You may have to look for a way to embed the blog directly, avoiding IFRAMES.

Acorn

[browj2]

@bwood,
Hi Bill,
In Google Blogger, you can set up various levels for authors, members of the blog and those who can comment. For commenting, the choices are: 1. Anyone (including anonymous) 2. Users with Google Accounts 3. Only members of this blog. I had selected 2.

@Acorn
Hi Acorn,
Thanks for replying. The example was not an iFrame, just a placehoder with HTML body code:

<object data=https://name_of_blog.blogspot.com width="800" height="800"> <embed src=https://name_of_blog.blogspot.com width="800" height="800"> </embed> Error: Embedded data could not be displayed. </object>

I have created a copy with an iFrame with:

<iframe id=”iShareBlog” name="iBlogger" src="https://name_of_blog.blogspot.com" width="100%" height="100%" frameborder="0" scrolling="auto" ><p>Your browser does not support iframes.</p></iframe>

That is about the limit of my knowledge with iFrames and scripting.

What is the purpose of id= and name=?

Also, when I do publish a comment and it goes to the Google page, going back does not refresh. Any idea as to how to automatically refresh upon returning to the website blog?

I don't see any way to get to the target of Publish, so there is no way to add code.

Edit: I just found that there is an option to have a popup for the comment. I have switched to this. Still need a refresh method or button.

Thanks,
John

[Acorn]

John, glad you found a comment pop-up.
As I have never used Blogger, I don't know what API is available to manipulate it.
It does seem odd that there is no trigger on
I wasn't getting the Google jump as I was already signed in!

For an IFRAME, in general, the id is a marker so you can target its variable HTML tags for further processing.
Its name allows you to send change to the IFRAME and not its parent.

Using the <object> tag (and the fallback to <embed>), you might have to code to force a refresh.

Give the object an ID, id="iShareBl" say.

JavaScript code:
var blObj = document.getElementById('iShareBl');
var blUrl = blObject.getAttribute('data');
blObj.[COLOR=var(--highlight-color)]style.visibility = [/COLOR][COLOR=var(--highlight-literal)]null[/COLOR][COLOR=var(--highlight-color)];[/COLOR]blObj.setAttribute([COLOR=var(--highlight-variable)]"data"[/COLOR], blUrl);
lbObj.style.visibility = [COLOR=var(--highlight-variable)]"visible"[/COLOR];
You would wrap this in a function definition and add a function call as the link of a button on the parent page.

I was hoping for a simpler IFRAME call of the button link of simply blUrl and setting the target to the name of the IFRAME.

A trigger on the opening of the Comments pop-up would be far tricker to set up.

Acorn

[browj2]

Hi Acorn,

Thanks for the info.

Javascript is beyond my pay grade (0). I started learning it last night - too much.

I found this on the Blogger forum that seems to be a button to refresh the Blogger iframe:

script opening a Click-To-Reload iframe inside a widget doing the trick.

<input type="button" id="btn" value="refresh" />
<iframe width=240px" height="240px" id="iframeid" src="https://WHATEVER"></iframe>
<script>
function reload() {
document.getElementById('iframeid').src += '';
} btn.onclick = reload;
</script>

This only refreshes the iframe and not the whole webpage

If I understand correctly, I could put this on a button and in place of "iframeid" use the actual id of the Blogger iframe. Is this correct?

Also, some code was proposed to refresh the iframe at set intervals. It was not resolved. This would be better than a button.

I suggest that you take a look at Blogger as it has many interesting features. Under the theme that I used, one can open and modify the HTML code - again, way beyond my pay grade.

Thanks,