HTML - Post Method Script

Hi,

I am new to web development. I would appreciate any insight anyone might have with the following issue I seem to be having with an iframe.

I have a web page with amongst others contains an iframe that is initially not visible (width=0). When a user makes a selection from a drop down list (HTML SELECT/OPTION), a JS script posts details to a PHP server script which then (re-)builds the iframe contents.

The problem I seem to be having is I can't get the browser to display (load) the iframe as (re-)built by the PHP script. I say rebuilt as the iframe does get called initially (via a GET from the browser) when the page that owns the iframe is loaded. Because the PHP script is dependant on the parameters that get passed with the POST to construct the iframe correctly, this GET results in a meaningless page/iframe. This initially does not matter as the iframe is not visible until the selection from the drop down is done. The subsequent POST which is triggered via this selection from the drop down list (JS post using ajax) to the PHP server script, does not show up in the browser...:-( Just displays the initial page as constructed from the GET.

When I look at this sequence of event in firebug, the POST does result in the HTML I expect (i.e. I can see the POST contents sent to the PHP script and the HTML generated by it; renders perfect as expected), but I just can't see it in the browser. This makes me believe its a caching issue maybe (??), but even a reload of the iframe using JS and DOM still does not render the page correctly.

I have tried inserting the following in both the page that owns the iframe as well as the iframe itself with no luck...
<meta http-Equiv="Cache-Control" Content="no-cache">
<meta http-Equiv="Pragma" Content="no-cache">
<meta http-Equiv="Expires" Content="0">

Am I missing something? Any suggestions?

Hello all mates!

I am working with my forum trying to properly edit the html for the posts so that they will display any custom script/html of my choice. I want this to appear in ONLY the first post in every thread. I am also trying to find out how to make a bot that automatically posts another second post in every thread, with my own custom scripts/html. At the moment I am trying to add some adsense ads this way.

What I am looking for is two things:

1 - How to get the adsense ad aligned to either right or left of the text within the first post.
2 - How to get an adsense bot autopost an ad as post number 2 in any thread (including being applied to all threads already existing)

I am using IPB3. I previously used Adsense Bot for IPB2, and that worked fine, but it is not supported for IPB3. It uses the Universal Mod Installer, and in IPB3 there is a new "hook" feature to ass custom mods etc, but I do not know how to alter the code for the Adsense Bot to work with IPB3 so I am trying to get it done from scratch by adding codes directly into the templates. If anyone know how to configure / modify the old Adsense Bot to work with IPB3 that would be great of course, so I am attaching it here just in case someone wants to take a look at it and its documentation and scripts.

But primarily I am looking for the two mentioned features, one is how to get the script running in ONLY the first post of every thread - at the moment I got it running, but it is global and implements into all posts not only the first.

I also have figured out how to make a script appear, such as an ad, between posts, but not after ONLY the first post, nor how to make a bot that posts a post just like any member, which is what I am really looking for when it comes to that part.

This is the code I have entered into the topicViewTemplate in Topic View:

Code:

{parse template="aip" group="topic" params="$post"}

<div style="display:block;float:right;margin: 0px 10px 0px 0px;">

<script type="text/javascript"><!--
google_ad_client = "pub-3737464431076938";
/* forum posts large recnt */
google_ad_slot = "6548059149";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

This works perfectly for adding my desired custom script embedded within the posts. The problem is that it gets embedded in ALL posts and not only the first as I would want. Here is a link to my forum for an example on how it looks:
http://www.conspiraciesforums.com/fo...ic/3-atlantis/

I know I have to edit/add some code regarding post counts etc to configure it to only affect the first post - my question is how to do that?

And as seen, the second post shows the ad as well, here I would want a bot to post a post containing another ad - between the first and third post of every thread (which will be standard members posts).

I have messed my brain with this for more than a week now trying different things, looking around at forums, googling, trying scripts and so on, mods etc, but as of yet have not found the solution to these things for IPB3.

Any help here would be extremely greatly appreciated and I'll buy you a beer if you're ever around my part of the world! :p

Thanks and bless you!

-M

Hello,

I'm trying to make an application for login at neobux.com.
with livehttpheards (mozilla addon) I got this:

https://www.neobux.com/m/l/

POST /m/l/ HTTP/1.1
Host: www.neobux.com
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0) Gecko/20100101 Firefox/12.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip, deflate
Connection: keep-alive
Referer: https://www.neobux.com/m/l/
Content-Type: application/x-www-form-urlencoded
Content-Length: 881
lge=65ABC63868BD65BFC5DCB89221A13BB7B892ED5B2038F58935EA883BF03FFA1BFF220E89AD6CC2728C0CBFB217DC353E 6180269EAC32F080C7C7A70BE7BC167F5E32DDD279C8A4A6BE6FA8CD961E4E24179053237E2973A54ECDFAB3333982826F08 3B69C87EA38F4CF89A9E68847667972851E830B9D4E3714B91C49F25941303F610253FC4F1D5D2F97A557B935A35DB3FB349 182B8EF6E39DA97A429191D229FE15F9E766D75FAAE62F34AC68BF44248D515B91FC122C32B75C2904976FFE65A102316BC9 E6AC093D2842787F18873F3B79646BE664CF6B3406C5032CC334887CF430093C5B1F445896D69BB2FB8ED491D4EC0CE65F8D 5687EF47447166D2248D515B91FC122C52BB4F3594BF96347D2B89BBF2A9386EFFDD2DF4F77523ACC9C16831360FBF7D39BC 018158A675A154ACCC586CDE15B535E503189F21E28610AE9A22750590A6B1B848FCE50AAE73D9E824B4D6652178900E4A84 6B6FAF2E& ACA21FB2C4E0BDE5AC87F7643AD4544E 1 = USERNAME & AB1E22E233711912AB202077872D6BC0 0 = PASSWORD & A748E20A58DE19B36C84D15E1FBE0B92 6 =& A59D16F03D043AFD46D4C847786052D2 0 = CAPTCHA &login=1

from source code i've get this:
input type="hidden" name="lge" value="65ABC63868BD6....78900E4A846B6FAF2E" <- all this numbers and letters berfore green chars.
<input type="text" name=" ACA21FB2C4E0BDE5AC87F7643AD4544E " id="Kf1" <- username
<input type="password" name=" AB1E22E233711912AB202077872D6BC0 " id="Kf2" <-- password
<input type="password" name=" A748E20A58DE19B36C84D15E1FBE0B92 " id="Kf4" <- secondary password
<input type="text" name=" A59D16F03D043AFD46D4C847786052D2 " id="Kf3" <-- CAPTCHA.


please note, that those values are changed on each page refresh (that is not a problem).

the problem is, that I don't know from where to get those red values after username,password, secondary password, captcha..; also that values are changed as well on each page refresh.

any ideas?

Thank you.

PS: If I opened this thread in a wrong section, i'm sorry.

This will be my first website, aside of simple projects from my school class.

A friend of mine has a website that is currently already up an running. He would like the site completely re-done, as he moved his company, has new offers, etc.

Is the best way to do it, to re-write/edit from scratch, or to use a free website builder? I have beginners html/css/Javascript writing knowledge, and have been searching online when I need help.

Let's say he already has a website called www.5star.com

If I use a free website builder, will I be able to transfer all that to his domain name he already has so it doesnt become something like www.freewebsite/hostme/5star.com ? He is getting the FTP info from the guy who originally made his site.

Thank you.

(I have been working it from scratch and have a lot done, but want it to look great, and not just a plain static site).

I am looking for the most efficient way to put text over a picture. I have a background image that i want to place text over that has to stay in the same spot and same size relative to the image that it is on top of.

There are a couple ways i can think to do it.
1. Would be to use an iframe where i want the text to be placed
2. Use css to position the image and the text relative to one another.

I am not as familiar with method number 2. If anyone has any ideas on the most efficient way to do this that would be great!

Hello,

This may be a stupid question, but does anybody know how, if it is possible to submit a form by using just a link? In this situation, I want to submit a form without using a submit button.

If anyone can help, that would be great.

Hi everyone, I'm new to the community of HTML Forums.

I need a DataBase Software or some other way that can collect E-Mail and personal information from subscribers in a HTML/CSS Website i'm building.

This program or method must also have good marketing features like sending batch E-Mails, images and many things.


I would really appreciate your feedback.

I am unsure which of the below methods of embedding a flash object into a web page is correct - and which is a deprecated method. Any help would be very much appreciated!

Method one:

<object width="800" height="480">
<param name="movie" value="Gallery.swf">
<embed src="Gallery.swf" width="800" height="480">
</embed>
</object>

--

Method two:

<script type="text/javascript">
var flashvars = {XMLFile: "gallery.xml"};
var params = {bgcolor: "#000000"};
swfobject.embedSWF("Gallery.swf", "myAlternativeContent","800", "480", "9.0.0",false, flashvars, params);
</script>
<div id="myAlternativeContent">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
</div>

bro can u please help me in making my web page efficient.........i want 2 form method refer to the same html page with different functionality.

So in January 2006 I posted a question about "making two buttons in one"



3 years and 5 months later i am happy to announce that I have found a solution.

Ok, so no I have not spent the last three years looking, but the need for one came around again yesterday so I revisited the project. All I needed was "simple" image toggle. Image 'A' click it once it changes to image 'B' click it again it changes back to image 'A'

All the "image toggle" codes I could find were extremely complex. I thought I had finally found one, it wasn't perfect, but it was the smallest and most basic thing I could find.

HTML Code:

<html>
<head>
<style type="text/css">
.on {background-image:url(playlist_btn.png); background-repeat:no-repeat;}
.off {background-image:url(playlist_btn_x.png); background-repeat:no-repeat;}
</style>

<script language="javascript">
function togglestyle(el){if(el.className == "on") {el.className="off";} else {el.className="on";}}
</script>

</head>

<body>
<div id="onoff" class="playlist_btn"><img src="blank.gif" width="50 height="50" onclick="togglestyle(onoff)"></div>
</body>
</html>

I tested it, it worked, so I considered problem solved. I placed it in my page and nothing. Turns out it wont work with a doc type - so it's useless.

Other problems, I'm not big on using "blank gif's" unless I have to, if you want multiple image toggles you need a new JS function for each one, and two lines of css as well. And, though I rarely use image rollovers anymore, it would certainly not be possible in this method.

So it was back to the drawing board. Well, I had actually already found the solution a few minuets prior to finding out that the above code is so good. I had coded a button that on rollover shows a tooltip, when you click the button, the text in the tool tip, changes, chick again and it reverts. All done with a simple showHide javascript function, that i am finfing out has many uses.

here is the awesome code:
Code:

function showHide(elementid){
if (document.getElementById(elementid).style.display == 'none'){
document.getElementById(elementid).style.display = '';
} else {
document.getElementById(elementid).style.display = 'none';
}
}

function hideShow(elementid){
if (document.getElementById(elementid).style.display == ''){
document.getElementById(elementid).style.display = 'none';
} else {
document.getElementById(elementid).style.display = '';
}
}

I wont take credit for the showHide code, but I will take credit for the hideShow portion, obviously a monkey could have coded the revers, but iot does make it that much more universal. As the original code was designed to show something that was hidden, add the revers to hide something that is showing and it's perfect.

Now I will take a moment to say, though I have yet to find a problem with the code, it seems to work in most browsers, firefox, ie, safari, and validates for WC3 - In sure it has it's flaws. Until now, to show and hide divs I had used the MM_showHideLayers JavaScript function, which by default used the visibility style. It is of course a good script, and has many uses, it's not very big, but it is somewhat complex. The other thing to think about is that invisible objects still take up space. That's what is cool about the display:none: style, is that is not only invisible but it doesn't take up space.

So here is how I used the above to JavaScript to make a simple onclick image toggle:

HTML Code:

<img id="on" src="on.png" width="50" height="50" onClick="javascript:hideShow('on'); javascript:showHide('off')" alt="on">
<img id="off" src="off.png" width="50" height="50" onClick="javascript:hideShow('off'); javascript:showHide('plus')" style="display:none;" alt="off">

Cool huh? Now this example does not have a rollover either, but since it uses to individual images and is not replacing one image wioth another you could easily apply a rollover to both images. But, hold on, look at the above code, isn't that essentially a rollover? Change the first onClick to onMouseOver and the second to onMouseOut and look at that a 'brand new' method for mouseovers.

So lets take a look at this for a second, and compare MM_swapImage to this new hideShow method. As far as CSS rollovers I definitely prefer them to the MM_swapImage method, as they use a minimal amount of code. However they actually take a lot of math, construction the buttons is somewhat tedious, because css buttons use 1 image and change it's position, to work well you have to use a "blank.gif" and the the css can really add up if you have a lot of buttons:

Also, you can't go directly to a button in the document, you have to fish through the css to make any adjustments. But they are fast, they don't need to be preloaded and... they are pretty cool. But anyway, swapImage and hideShow...



The left is the MM_swapImage method. Now when you use the swapImage js you also have to use MM_swapImgRestore, MM_findObj, MM_preloadImages. You don't have to use the preload script but it does make thing work faster... supposedly, but that requires a onload script in the body tag, and if you have a lot of rollovers your body tag can get really long really quick. So what are the advantages, well we know for sure it works, and you only need on image in the document, however actualy having the image you are "swapping" too actually in the document can add functionality.

So as you can see, on the right, the showHide method is, in total code, much smaller. True you do need to use two images, so the total code in the body is longer but, it's more than evened out bu the minimal JavaScript, and I think it's worth it. You don't need to use a preloader, you have full control over both images, the up and over state, and unlike the swapImage method, though it's rare you would need to, your up and over images can actually be different sizes, which is kind of cool.

So here's the basic code for a rollover:
HTML Code:

<img id="up" src="up.png" width="50" height="50" onMouseOver="javascript:hideShow('up'); javascript:showHide('over')" alt="up">
<a href="http://google.com"><img id="over" src="over.png" width="50" height="50" onMouseOut="javascript:hideShow('over'); javascript:showHide('up')" style="display:none;" alt="over" border="0"></a>

To add a link the button you just apply it to the "over state" image. And unlike swapImage, though it is overkill, you can also add a "downstate" image quite easily.

So, back to the on/off button here is how you would code it using showHide with rollovers.
HTML Code:

<img id="on" src="on.png" width="50" height="50" onMouseOver="javascript:hideShow('on'); javascript:showHide('onover')" alt="on">
<img id="onover" src="on_over.png" width="50" height="50" onMouseOut="javascript:hideShow('onover'); javascript:showHide('on')" onClick="javascript:hideShow('onover'); javascript:showHide('offover')"  style="display:none;" alt="onover">
<img id="off" src="off.png" width="50" height="50" onMouseOver="javascript:hideShow('off'); javascript:showHide('offover')" style="display:none;" alt="off">
<img id="offover" src="off_over.png" width="50" height="50" style="display:none;" onMouseout="javascript:hideShow('offover'); javascript:showHide('off')" onClick="javascript:hideShow('onover'); javascript:showHide('off')"alt="offover">

So here is what is going on:
you have the upstate on.png image, when you mouse over it on.png is hidden and on_over.png is displayed. When you click on_over.png it is hidden and off_over.png is display, mouse off it and off.png is displayed. Make scene?

Now be aware, when you click, you are also in a scene "mousing off" so some flickering can occur. Firefox handles everything pretty well, IE and Safari not so much. When you click the on_over.png the click tells it to hide on_over.png and show the off_over.png, at the same time the mouseoff tells it to hide on_over.png and show the on.png. So fortunately the toggle with rollovers isn't perfect, but perhaps some more tweaking of the code or maybe, in this case swapImage would work better to do the rollovers...

But all in all I'd say its a solid concept. If you feel compiled to do so, reply with any comments, concerns or flaws you see.

OK I am reposting this cause I am having major issues...I would like to make it that for the purpose of ONLY A Halloween Page-that when the user of my website clicks ANYWHERE on my webpage it makes a scream noise...I have tried Google and keep finding where they must click a link or hover over a small box...I want it to be where they must CLICK anywhere...

on my previous post-someone posted A Flash alternative-which after messing with for 2 hours-i could not figure out...

Please tell me that when i use any unordered list in html page so it shows me bullets but I need that the content after list should be little bit away from bullet so that I used &nbsp; to make some distance between bullets & contents but when content is more than one line then it shows me all line content except first line content of that list. so please tell me that is there margin setting so that when I will set the margin then the content of every line of the list will look at certain distance.

Hey all, new here and not a very good coder at all, but i find pieces of information and try and make best of it....and as far i can see i cant find this sort of information on this website

my problem is im trying to create a code that will log in to a website, wait a few (i.e. 2 seconds) then go to a second web page that is a part of this site

for example --> www.htmlforum.com --> (automate login) --> then go to www.htmlforum.com/example

this is what i have found so far

</head>
<body>
<FORM action=http://www.thewebsiteexample.com/login.php method= post name=login>
<INPUT class=login_input type=hidden name=usrname value="myusername">
<INPUT class=login_input type=hidden name=uemail value="myemail@hotmail.com">
<INPUT class=login_input type=hidden name=peeword value="mypassword">
<INPUT class=login_input type=submit value=Login>
<body onload="document.login.submit();">
</form>
</body>

this code allows me to log in successfully to the site i wish to go to

i also have this code to allow loading of a new page (but works only AFTER successfully logged in)

<script>
<!--
location.replace("http://www.mywebsiteexample.com/arms.php");
-->
</script>

my problem is i dont know how to join the code, whereby i successfully log in, then run the script to go to the subpage

my idea is to delay running of the script code perhaps? which should then allow to successfully load the subpage...or perhaps you guys know another way

help is DEFINITELY very appreciated!

cheers all!

I'm working on a website for a organization I belong to. It's quite simple - a few html pages with posts handled by perl. I'm writing a registration script for them, and need to do the following:

Currently when registration is confirmed, they write to their userdatabase and email out a confirmation. But payment is all handled via paypal. They've been relying on users to click a link at the bottom to go to paypal to conduct the transaction, but users can be not-so-smart sometimes. Many have thought that payment was taken care of, and they didn't need to worry about it, and hence, we've been getting a lot of non-payment.

I'd like to, after the confirmation where databases are written, etc., just have something like a meta refresh at the top of the page that will redirect them to paypal. But, paypal accepts its info via a post.

How does one do such a refresh with a post command in it? Or is there another way?