Trying to make a modal window - Page 2

User 2488786 Photo


Registered User
190 posts
Online Now

Beau, I had to play around with it and finally got it to work with the help of an online course signed up for when it was on sale for 10 bucks, the best 10 bucks I ever spent.
The guy goes through all the different codes.
But I'm at the shop right now doing some woodworking so I'll have to post more later.
But you do have to down load bootstrap.min.js from getbootstrap.com and load it up to your server and a few other things that I can remember till I get on the main computer at home.
I can tell you I'm not a programmer per se, but after loading and changing files many times I finally got it to work.
The site that I'm trying the software on is GotWooWoo.com Username: Coffee Password: TwelveStone
You can see how I used the modals on the herd and have a RCS in the last modal In Memory

This is a test site as I learn and try to work bugs out for the horse rescue hat I'm building the site for.

Got to run, will post some more instructions later.
An expert at using the wrong tool the right way.
User 2488786 Photo


Registered User
190 posts
Online Now

Here's the course it's going for 15 bucks....
https://www.udemy.com/complete-web-developer-course/
Modals are about lesson 80 something
This modal just greys out the page which I like much better then the black out
An expert at using the wrong tool the right way.
User 1995284 Photo


Registered User
23 posts

FYI. Tried http://gotwoowoo.com, Coffee, TwelveStone; but got;
Unauthorized
This server could not verify that you are authorized to access the document requested. Either you supplied the wrong credentials (e.g., bad password), or your browser doesn't understand how to supply the credentials required.

Additionally, a 401 Unauthorized error was encountered while trying to use an ErrorDocument to handle the request.
User 1995284 Photo


Registered User
23 posts

Sorry Rick do not have the time to do a course right now, due to ill health.
Downloaded bootstrap.min.js put in js directory, no difference.
Many thannks for all you're efforts though.
User 1995284 Photo


Registered User
23 posts

User 1995284 Photo


Registered User
23 posts

https://www.udemy.com/complete-web-developer-course/

FYI. Those courses are NOT £10 but £161
User 2488786 Photo


Registered User
190 posts
Online Now

I paid 10 dollars for mine and there advertising 15 dollars right now.
An expert at using the wrong tool the right way.
User 2488786 Photo


Registered User
190 posts
Online Now

I had the same look Beau, until I figured out that there's a few line that have to be in the first 3 lines of head and ad the jquery line in body
Like I said I worked on it for hours till I figured it out.

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Index_2</title>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script src="js/picturefill.min.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,500,600">

<title>Bootstrap 101 Template</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--% Start of the headers for CoffeeCup Responsive Content Slider %-->
<link href="cc-slideshow-cd7a4173/css/slideshow.css" rel="stylesheet">
<script>document.createElement( "picture" );</script>
<script src="cc-slideshow-cd7a4173/js/picturefill.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="cc-slideshow-cd7a4173/css/main.css">
<script src="cc-slideshow-cd7a4173/js/jquery-1.8.2.min.js"></script>
<script src="cc-slideshow-cd7a4173/js/revolver.min.js"></script>
<script src="cc-slideshow-cd7a4173/js/slideshow.js"></script>
<!--% End of the headers for CoffeeCup Responsive Content Slider %-->
</head>

<body class="grid-1">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<header class="row full-width" id="home">
<nav class="coffee-span-12 header-cover">
An expert at using the wrong tool the right way.
User 2488786 Photo


Registered User
190 posts
Online Now

Beau, you should be able to get in now, and see the page and look at source codes.
I didn't have that username checked in the access manager when I uploaded users.
An expert at using the wrong tool the right way.
User 2488786 Photo


Registered User
190 posts
Online Now

You can take as long as you like on the course I jumped ahead so I could figure out the modal thing.
Attachments:
An expert at using the wrong tool the right way.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.