i am using wordpress and i would like to create a drop down menu with select options and i found this thread which i think is exactly what i need Deactivate the 'Submit' button for the selected value in dropdown menu to be honest i don't know how to set up these elements html,js,css in order to achieve the result.I am a begginer and i would appreciate any kind of instructions.
Thank you for you time!
For instructions in HTML, CSS and JS go to the W3Schools website. I learned almost all that I know from there. If you need specific help THEN come asking here.
Let me assume that you are going to implement this in your WordPress themes index.php file. So, copy and paste the HTML code in to the html tag wherever you want to display the drop down box. Also copy and paste the javascript in to the script tag inside the head tag of the page. You can also paste the javascript code to a new file created inside the js folder inside the themes folder and call it from the head tag in index.php file. If you have any CSS you can either place it directly in the style tag inside head tag of index.php file or create a file in the css folder,copy the css code to it and call the CSS file from the head tag of index.php file.
Related
So I have a website, https://coolkids.gq. I want to be able to add a certain line of code to every single HTML file on the website using another HTML, JavaScript or PHP file, but I am not sure how to do this.
How would I be able to write a script to add a line of custom code to every HTML page on my website?
Edit: As pointed out by charlieftl, I should clarify that all files are saved in either the /htdocs folder or in a folder inside of that.
yes you can, just make some folder named include or whatever and create for example loginForm.html sth like
<div>
<form>
....
</form>
</div>
and in pages where you want to put it use
<?php require('./include/loginForm.html') ?>; in place where you need it
Of course it need to be PHP page.
Good thing is to have also included header and footer in external html and include it on every php page ;D
if you want some js script in every page you need to add it manualy:
<script src="js/main.js"></script>
but it can be included in footer.
I'm new to JavaScript. I need a CSS text animation to setup a part of my website. Here I found an attractive animation link is in the 3rd comment because stackoverflow doesn't allow me to put the link here (keep showing an error)
When I copy these HTML code, CSS code and JS code and create a webpage including them, It doesn't work properly. Actually no any animation.
How can I solve this to work?
For javascript
Make script tag and copy all the JavaScript between it.
<script>...</script>
For css
Make a style tag and copy all the CSS between it.
<style>...</style>
And to fix your problems double check your code and see whether you are missing some library or not.
The codepen project us using jquery, font-awesome and other things. This will help you import some of them.
<script src="https://use.fontawesome.com/230e98b440.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
This is an Option :
Signup in the codepen.io
Goto your link
Click on the Export button at the right bottom corner
Select Export.zip
After download the zip file, unzip it
Open index.html and you'll see the result.
Check the code of index.html for the missing codes
I am attempting to add a javascript overlay onload, without direct access to the html. I'm only able to upload .js and .css files.
How would I go about doing this, I've searched all over, but as I am no expert at this I'm seeking a simple solution which will allow me to maybe call html and insert it into an overlay, by using javascript only.
I am unsure of the coding of the .js file to contain all of the overlay code and html code combined.
I've been looking at document.getElementById and document.write to do this, am I correct in trying to do it this way?
Any suggestions?
There is no way you can add an overlay to an existing html file without importing the new JS and CSS files in the html file. How ever, if there are other JS files used or imported to the HTML file, edit it and add your code in the JS file. It'll run since the JS file is already imported in the HTML.
I have a code generated by "highslide" software and what it does is to create an image gallery.
This code consists of .css html and javascript.
If I place the htmal code in the Joomla's "index.php" file and then the rest of the file in the root directory then the image gallery is working and is placed in every page in Joomla.
I do not want this. Is there a way of assigning that image gallery to only pages I choose?
Or is there a way to find out what is the index.php main file for that specific page I need to have the gallery and paste the code in there?
I have tried to insert the code in a custom module via the Joomla's editor but when I click on save then it compiles the code and remove certain parts of it and cannot work.
It removes the link to javascript and to css file.
Is there a way without any other third party extension to have that code into the custom module without then Joomla eliminate the half of the code?
Thank you,
Best Regards,
Andreas Achilleos
I would not add things like this to your index.php file. This is Joomla, not a static html website ;)
You have 3 options:
Option 1 would be to develop your own module and install it on your Joomla site. This option would take the longest amount of time and would require you to get your handy in a bit of coding.
Option 2 would be to firstly download, install and enable a plugin called Sourcerer. Once done, in the Joomla backend, create a new "Custom Module" and manually add your html code. After, below the big textbox, you will see a button below saying "Insert code". O modal will popup allowing you to add your custom code. Simply add your CSS and JS using the <style> and <script> tags.
Option 3 would be to use a pre-built Image Gallery extensions from the Joomla Extensions Directory. There are loads to choose from.
Hope this helps
I'd like to add some simple html code that makes use of javascript and .css, on every page of my website (magento).
I have figured out where to add the javascript and .css files in the head section.
Want to know where to put the html code? (possibly within the <body></body> tags, not in the <head></head>section)
Thanks
There is a configuration field in the backend for statistics, tracker, etc.
System > Configuration > Design > Footer