I am stuck from so many days, by trying to make the background's image to work exactly as the "Submit" button.
So far i managed to make the image clickable, but it doesn't redirect me on the same page that the "Submit" button (Enter) takes me to.
I did try to mix and match things to no ends but i still can't manage to do it....
Anyone?
<body background="captiveportal-IMAGE.jpg">
<div id=identification>
<form method="post" action="#PORTAL_ACTION#" style="text-align: center;">
<input name="redirurl" type="hidden" value="#PORTAL_REDIRURL#">
<input name="accept" type="submit" value=" ENTER ">
</form>
</div>
</div>
<br />
<!-- <a href="/captiveportal-index.aspx?redirurl=http://awebsiteurlhere.com/a> -->
|
There are many great tutorials on the net for learning html. W3Schools is a good one. http://www.w3schools.com/
By the way, anchor tags are not self closing.
Geeks, making the world a better place |
Yup, I agree with the Geek. I spotted it right off... http://towtalk.net ... Hosted by Zarconia.net! |
Wrong forum. Topic Moved.
Please read the first post of the 'Tips Tricks and Sharing Forum'
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
There are many great tutorials on the net for learning html. W3Schools is a good one. http://www.w3schools.com/
By the way, anchor tags are not self closing.
Looks like a great place for me to start gg :)
It ain't easy being this stupid all of the time |
Thanks guys, however that didn't help much.
I managed to reach this point by having already visited that and other sites, the problem it's that now i am unable to finalize it, everybody more or less tells me that it's something so easy to do, but strangely enough, for how easy that might be, none of the superskilled people it's been able to fix it....
|
This is your code with a few changes, but I don't quite understand what you are trying to do with the Background Image when you said this above "Make the background's image to work exactly as the "Submit" button" ??
<body background="captiveportal-IMAGE.jpg">
<div id="identification">
<form method="post" action="#PORTAL_ACTION#" style="text-align: center;">
<input name="redirurl" type="hidden" value="#PORTAL_REDIRURL#">
<input name="accept" type="submit" value=" ENTER ">
</form>
</div>
<br>
<!-- <a href="/captiveportal-index.aspx?redirurl=http://awebsiteurlhere.com</a> -->
</body>
|
Thanks guys, however that didn't help much.
I managed to reach this point by having already visited that and other sites, the problem it's that now i am unable to finalize it, everybody more or less tells me that it's something so easy to do, but strangely enough, for how easy that might be, none of the superskilled people it's been able to fix it....
Why don't you try the top-down design methodology here, and first tell people what you are trying to accomplish. Posting some random bit of html code taken out of context, accompanied by an objective that really doesn't make a lot of sense in relation to the aforementioned code, isn't going to get you much help. Those "superskilled people" that you speak of, aren't mind readers.
Better questions get better answers. The only clue I see in your posted code is 'Captive Portal', and if you are working on one of those, it appears to me that you need to hire some help.... since that topic doesn't really have anything to do with Dolphin. My crystal ball thinks you might want to have a dolphin site on the other side of that captive portal.
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
Ok i will try to further elaborate on it.
Basically, the page has a button which as soon as someone click on it, it will be redirected on the Dolphin's site, but i kind of dislike the idea of having someone to look for this small button for going on the next page, so what i would really like to have, is this HUGE background's picture, that doesn't matter where you click on it, it will just direct you on the next page as soon as you click it, no button on the page necessary, just this background picture that does exactly the same work of a button.
I didn't try the new code yet, thanks for the help, i will keep you updated on it.
I don't quite understand what you are trying to do with the Background Image when you said this above "Make the background's image to work exactly as the "Submit" button" ??
|
Hmm, but you've got the Image as a Background for the entire Body, I'm pretty sure you are going to need to apply the Image to the Submit Button instead. You can make the Submit Button as big as you want.
Try searching "image submit button" on Google.
|
Syclops i just swapped the code for the new one, what i am experiencing now, is that the background's image it's no longer clickable, the "Enter" button it's still there and it's working....thank you so much for at least trying though, i gave you a thumb up just for it, nevermind if it tooks me back to a previous stage, cheers. |
Sounds as a good idea, i will do that, thanks.
Try searching "image submit button" on Google.
|
why don't you use the on click event here with a function
<style> BODY.enterPage{ cursor:hand;
} </style> <script> function goto(){ location.href = "http://www.blahblah.com" } </script> </head> <body class="enterPage" background="captiveportal-IMAGE.jpg" onclick="goto();"> </body>
|
I did try all solutions listed here so far, but i am still experiencing some weird results, by this i mean that whenever i click on the supersized image's button or the "On click event", i get bounced back exactly on the same page i am, while when i use that ugly little grey button, i can browse the web with no problem, i will try to investigate it further with the developer of the other software i am using with Dolphin, i will update as soon as i have more news, thanks all. |
none of the superskilled people it's been able to fix it
Probably because none of the superskilled people have attempted to fix it. While we often help in programming matters, many are very busy updating their modules for 7.2 and don't have the time for programming questions. Others are busy with support question for those having issues upgrading sites to 7.2.
Geeks, making the world a better place |
dislike the idea of having someone to look for this small button for going on the next page
Then make the button bigger, problem solved.
Geeks, making the world a better place |
I did try all solutions listed here so far, but i am still experiencing some weird results, by this i mean that whenever i click on the supersized image's button or the "On click event", i get bounced back exactly on the same page i am, while when i use that ugly little grey button, i can browse the web with no problem, i will try to investigate it further with the developer of the other software i am using with Dolphin, i will update as soon as i have more news, thanks all.
Keep at it, this is one of the best way to learn HTML; finding out how it works by trial and error and lots of searches on the internet.
Geeks, making the world a better place |
why don't you use the on click event here with a function
<style> BODY.enterPage{ cursor:hand;
} </style> <script> function goto(){ location.href = "http://www.blahblah.com" } </script> </head> <body class="enterPage" background="captiveportal-IMAGE.jpg" onclick="goto();"> </body>
Before you have a closing head tag, you probably should consider having an opening head tag,
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
so what i would really like to have, is this HUGE background's picture, that doesn't matter where you click on it, it will just direct you on the next page as soon as you click it, no button on the page necessary, just this background picture that does exactly the same work of a button.
Here you go son. Don't forget to speak kindly of me
<!DOCTYPE html>
<html>
<head>
<style>
.BigAssButton {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: cover;
color: transparent;
cursor: pointer;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
}
</style>
</head>
<body>
<form action="http://boonex.com">
<input type="submit" class="BigAssButton">
</form>
</body>
</html>
You can do something like this:
<form action="someFile.php"> and use the php file to do all kinds of stuff.
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
why don't you use the on click event here with a function
<style> BODY.enterPage{ cursor:hand;
} </style> <script> function goto(){ location.href = "http://www.blahblah.com" } </script> </head> <body class="enterPage" background="captiveportal-IMAGE.jpg" onclick="goto();"> </body>
Before you have a closing head tag, you probably should consider having an opening head tag,
I figured he would understand that as it was just about the function onclick on body element.
but you are right example should be complete.
|
I figured he would understand
We don't know what the overall action of the button is supposed to be yet. It can't be just to forward the user to a different url, because you don't need an input button to do that... all you need is:
<a href="http:somewhere.com"><img src="BigAssImage.jpg" /></a>
The only reason to have an input button would be to collect data from whoever is doing the clicking, but we don't know that part yet. The suspense is killing me.
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
I hope you are still with us...
Wow there has been lots of activity while i was away, i went to the other site in search of a light, but apparently almost no one has been able to make it through to these days, the only creature that it's (sadly) still surviving, it's one whose only contributions are meant to discourage others from posting....as if it wasn't already enough deadly quiet, ohh well, at this point i doubt i will be able to get anything useful from there.....anyways, i can confirm that the only action i would like to achieve with this code, it's simply to trasfer someone who clicks anywhere in the page, from the page where it currently stays to the next, i have no need to collect data or let hem have a pirouette in a tutu while doing that, just move to the next page.
I didn't try as yet all the new coding suggestions, i will update as soon as they are implemented, my coding skills are not zero, but with a bit of efforts i will be able to reach that target soon, have faith
The suspense is killing me.
|
....naaaw sorry Shipinpifa, i always go straight for the "ring o' fire"...
promise rings for girlfriend
|
shipinpifa decided to take a permanent vacation from Boonex.. Courtesy of Zarcon!
Nothing to see here |
Just applied the latest code from Houstonlively (thanks for that), however, even if i can see the uri specified in the code on the address bar, i am still bounced back to point 1, quite sure it must to be something related to the ring o' firewall, i am going to see if i can get any sign of life from the section dedicated to these issues on the other page from the lords of the firewalls.... |
Just applied the latest code from Houstonlively (thanks for that), however, even if i can see the uri specified in the code on the address bar, i am still bounced back to point 1, quite sure it must to be something related to the ring o' firewall, i am going to see if i can get any sign of life from the section dedicated to these issues on the other page from the lords of the firewalls....
Well, since you're not very forthcoming with all the information necessary, for anyone to provide you with any sort of meaningful assistance, I'm kicking this to the curb and so should everyone else. Most of us here are far to busy to dick around with something that we haven't been read into.
You should probably seek assistance on some general purpose site like http://stackoverflow.com/
Good luck
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
Success!!!
Thank you so much for it, after a few twistings and the addition of a string (<input name="accept"), it finally works as i wanted, you have no ideas on how many headaches i had while trying to find a fix, now i just have to do some very small final dimension's retouches and it's finish, you'r a champ!
Here the code with the exact location of the string for whoever might be struggling with a captive portal redirection:
<!DOCTYPE html>
<html>
<head>
<style>
.BigAssButton {
background-image: url("captiveportal-0.gif");
background-repeat: no-repeat;
background-size: cover;
color: transparent;
cursor: pointer;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
}
</style>
</head>
<body>
<form action="http://www.boonex.com/">
<input name="accept"
<input type="submit" class="BigAssButton">
</form>
</body>
</html>
so what i would really like to have, is this HUGE background's picture, that doesn't matter where you click on it, it will just direct you on the next page as soon as you click it, no button on the page necessary, just this background picture that does exactly the same work of a button.
Here you go son. Don't forget to speak kindly of me
<!DOCTYPE html>
<html>
<head>
<style>
.BigAssButton {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: cover;
color: transparent;
cursor: pointer;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
}
</style>
</head>
<body>
<form action="http://boonex.com">
<input type="submit" class="BigAssButton">
</form>
</body>
</html>
You can do something like this:
<form action="someFile.php"> and use the php file to do all kinds of stuff.
|
Normally when you use a form element you have an actual form and send the form to a form processor.. Geeks, making the world a better place |
Normally when you use a form element you have an actual form and send the form to a form processor..
That's the part we weren't read into, but yes, it would be dumb to use a form that did nothing but forward the user to a url.
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
Glad to hear it. Now you have to answer a question for me. Why did you decide on a user name (Boonext), that is a derivative of the company name that produces 'Dolphin'. I'm just curious.
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
it would be dumb to use a form that did nothing but forward the user to a url.
Maybe because that's what i thought it would be more appropriated to use toward the end users?
To me it would be "dumb" to use anything much more complicated for a site which can only be accessed by wi-fi from the local neighbourhood, not from the web, especially when you are facing a community which it's still somewhat wild and doesn't know what to expect or might feel so easily disappointed because that's what not they were familiar with, so a page which just introduce on what to expect if they keep using that particular connection (not that there are many other options around here ehh? :)) ) sounds as a match made in heaven to me.
|
Now you have to answer a question for me. Why did you decide on a user name (Boonext), that is a derivative of the company name that produces 'Dolphin'. I'm just curious.
Yes sure, ah ahh.
Let's say that i use a considerable amount of sites that request users to have a nickname, etc., so my problem is, that i keep forgetting or swapping one account with the others, so that would be an easy way to remember it...it's just a silly little ghost which goes around to scare more knowleadgeble users with his classic ghostly "Booooo", and then goes to the next.....
And what about your picture there? Do you have a "shining" new pc or you use to type on the keyboard with an axe ? 
|
Maybe because that's what i thought it would be more appropriated to use toward the end users?
To me it would be "dumb" to use anything much more complicated for a site which can only be accessed by wi-fi from the local neighbourhood, not from the web, especially when you are facing a community which it's still somewhat wild and doesn't know what to expect or might feel so easily disappointed because that's what not they were familiar with, so a page which just introduce on what to expect if they keep using that particular connection (not that there are many other options around here ehh? :)) ) sounds as a match made in heaven to me.
I don't really care about any of that. All I care about now is the answer to my question.
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
I don't really care about any of that. All I care about now is the answer to my question.
I think it's just on top of your latest post? Try F5 
|
And what about your picture there? Do you have a "shining" new pc or you use to type on the keyboard with an axe ?
I changed to that picture a few years back, when a veritable nut case went berserk on my profile. From the disclosures he made on this site, it became clear that he was only one of an entire family of nut cases. The picture just seemed appropriate.
Around the same time, another nut case decided to join my website, paste obscenities all over it, and send disgusting comments to every female member. That was in the days of Dolphin 6, and one of the reasons I lobbied so hard for a privacy system within Dolphin. There were quit a few whackos here in those days. I learned that you should not use your real photo here. I learned that all my websites should have private registration, and I learned that you should never post your website url on this site. I've seen quite a few mentally unstable individuals pass through here, and I expect there's a few ticking time bombs here now.
As far a typing on my keyboard with an axe, the thought has crossed my mind on several occasions. Gotta run now... I have to go sharpen all the knives.
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
it would be dumb to use a form that did nothing but forward the user to a url.
Maybe because that's what i thought it would be more appropriated to use toward the end users?
To me it would be "dumb" to use anything much more complicated for a site which can only be accessed by wi-fi from the local neighbourhood, not from the web, especially when you are facing a community which it's still somewhat wild and doesn't know what to expect or might feel so easily disappointed because that's what not they were familiar with, so a page which just introduce on what to expect if they keep using that particular connection (not that there are many other options around here ehh? :)) ) sounds as a match made in heaven to me.
Part of this was a bit hard to follow but I think you said in there somewhere that your site is on a local network and not available from the internet. That does not really matter; it works the same as far as webservers and HTML and php goes.
If it works and you are happy with it then everything is good. However, the form element is designed to be used with a form. Part of your code is not even correct. The input tag is not complete; < input name="accept"
Geeks, making the world a better place |
Maybe because that's what i thought it would be more appropriated to use toward the end users?
Code is not appropriate to the end user. Code is just code that does what the end user wants it to do. However, by this very topic you proclaim that you don't have a basic understanding of HTML5; you came here asking for help with code. We in turn tried to provide that help. I suggest more reading over at the W3Schools.
Geeks, making the world a better place |
Part of this was a bit hard to follow but I think you said in there somewhere that your site is on a local network and not available from the internet. That does not really matter;
Yeha i can notice, ah ah, okay, i'll add some more wording just to clarify.
I know that it will works the same if it's accessed by the www or just a local network, but because the choosen audience it's just the local neighbourhood, which has much more difficulties than i do in operating a pc, things had to be adapted to better suit them.
There are likely to be many other ways to achieve that and make it even better, however, for the time being, i can only make use of the know-how i currently have, i can't think of something i am not even sure it exists or not (i hope it's not too confusing), so i was only asking for a tuning up of the code i was using, thanks for your contribute too :)
|
you came here asking for help with code. We in turn tried to provide that help.
Yes that's correct, i have also been able to find exactly what i was looking for, thanks to Houstonlively for it, i just had to insert one more little thing into it, to have it exactly to perform as i wanted, then i put the final result here in case someone might be in need of the same thing.
But all this was already clear by reading previous posts, anyway, thanks everyone whom gave it's input on this matter (that's include you too, just in case it's not clear enough), one more happy Dolphin's user here
|
