Is it possible to style a contact form popup to look more like a modal, with a centered display and dark transparent background that fades when clicked? Currently, my contact form triggers a browser alert/popup using this script: http://jsfiddle.net/xf4C6/
function fcheckf(){
var x = document.getElementById('check').value;
if(x == 0)
{
return false;
}
else
{
alert("Your message has been sent! Thank you for getting in touch.");
}
}
Here is my response:
In HTML
<div id="popup" style="width:250px;height:250px;background-color:rgba(255,255,255,0.5);border:3px solid black;display:none;z-index:999;position:absolute;top:50%;left:50%;margin-left:-125px;margin-top:-125px;">
<div style="width:230px;height:230px;margin-left:10px;margin-top:10px;background-color:#FFFFFF;">
Thank you for providing your information<p>
<div onclick="document.getElementById('popup').style.diplay='none';" style="margin-left:auto;margin-right:auto;width:75px;height:30px;background-color:#000000;cursor:hand;">
Close
</div>
</div>
</div>
Javascript Section
Replace
alert("Your message has been sent! Thank you for reaching out.");
with
document.getElementById("popup").style.display="block";
Utilize the power of jQuery UI dialog to enhance your web development projects
Currently, I am working on implementing validation in JavaScript. My goal is to provide the user with an alert whenever they modify the value of an input field. <input type="text" name="onchange" id="onchange" size="35" maxlength="50" /> ...
As I work on configuring my web application, I am trying to render it on a web page. The following is a snippet of my code where I want the selected option in the dropdown menu to match the value of config[0].volume. Everything seems to be functioning corr ...
Currently facing an issue where I have successfully uploaded a Picture, PPTX, and PDF file to the database server. However, when viewing them in the browser: The Picture displays normally. However, The PDF file automatically downloads upon trying to view ...
I'm currently working on a website where I have placed a login box in the top right corner. My goal is to allow users to log in without refreshing the page. Although I've managed to get the initial login process working, I am facing challenges w ...
My contact form consists of multiple steps on the same URL. The issue I am facing is that if a user presses the enter key before completing all steps, the form gets submitted prematurely. How can I change the contact form settings to prevent users from a ...
I've implemented a footer on my website. My goal is to have the icons centered both vertically and horizontally, with the colored area: Always positioned at the bottom of the screen No taller than the icons themselves Here's the code snippet: ...
Description : Having an issue with adding a text to a content editable div. When clicking the button, I am trying to extract all the text from the div and send it to php successfully. However, when saving it to my database table, the text gets corrupted. A ...
I'm currently working on developing a double ring radar animation within an Ionic hybrid application. The animation functions perfectly when viewed in a web browser, however, I've encountered issues when attempting to run it on the Nexus mobile ...
In my MVC web site project, I am utilizing jquery. There is a basic C# controller named 'testController' in my project: public class testController { public string test(string id) { return id; } } I also have a javascript f ...
I am working with the following JSON data: [ { "MOD_AXL": 0, "MOD_CDS_ID": 110000168, "MOD_CV": 0, "MOD_CV_CTM": null, "MOD_ID": 168, "MOD_MFA_ID": 514, "MOD_PC": 1, "MOD_PCON_END": 199007, "MOD_PCON_START": 196303, ...
I am facing an issue with styling in an iframe when trying to append my own angular component. Despite various attempts, I have been unsuccessful in getting the styling to apply to the component within the iframe. Upon loading the iframe, I use JavaScript ...
I am working on a form that, when the user clicks a button, will display search results based on the entered searchString. @using (Html.BeginForm("Index", "Search")) { <div id="search" class="input-group"> @Html.TextBox("searchString", n ...
I've been attempting to dynamically hide and show a Textbox based on the state of a Checkbox. Here is the relevant source code: <asp:CheckBox ID="ShortStoryCheckBox" runat="server" /> <asp:TextBox ID="LeadTextBox" runat="server" Height="7 ...
I am in the process of developing a website that compares different products. I have implemented code that retrieves and scrapes data for comparison when a user performs a search. Right now, I am using an ajax request for each company (currently 6 compani ...
After coming across this helpful answer, I successfully added a rotating GIF image as an icon inside an INPUT control on its right side. Simply applying the "busy" class to my control did the trick, and now it looks like it's in progress. input.busy { ...
I've been searching everywhere, but I can't find any information on this topic. What I really want to understand is what browsers do with the content inside a noscript tag when JavaScript is enabled. Let's consider an example: According t ...
After following a video tutorial on implementing long polling, I managed to get it working. However, I encountered an issue where my alert message pops up multiple times even though I only receive one response from the server. I was under the impression th ...
i have developed a website that can be found at this address : the site is experiencing some issues on android tablets browsers for instance : i suspect that some divs with the property margin:0 auto are not being centered on the page i am curious to k ...
I have a field in mongodb where I stored some HTML code. My issue is that when I retrieve it and display it inside <%= %>, it only shows the HTML code. I tried using eval() but it did not work. Here is an example of how I tried to display it in my .e ...
What is the solution to closing the search popup when clicking on the Find button? When I search for data in jqgrid and click on the Find button, the Search popup remains open even though the data has been filtered. How can I close the popup after searchin ...