Template:CopyEmbeddedStoriesForm: Difference between revisions
From Seven Sages of Rome
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
<html> | <html> | ||
<form method="post" action=""> | <form method="post" action=""> | ||
<label for=" | <label for="targetPageInput">Select target page:</label> | ||
<input type="text" id="targetPageInput" name="targetPage" placeholder="Start typing to search..."> | <div id="autocomplete-container"> | ||
<input type="text" id="targetPageInput" name="targetPage" placeholder="Start typing to search..." class="oo-ui-inputWidget-input oo-ui-textInputWidget"> | |||
<ul id="autocomplete-suggestions" class="suggestions-list" style="display: none;"></ul> | |||
</div> | |||
<input type="submit" value="Copy Embedded Stories"> | <input type="submit" value="Copy Embedded Stories"> | ||
</form> | </form> | ||
| Line 13: | Line 15: | ||
<!-- Fetch page titles using Semantic MediaWiki query --> | <!-- Fetch page titles using Semantic MediaWiki query --> | ||
<div id="pageList" style="display: none;"> | <div id="pageList" style="display: none;"> | ||
{{#ask: [[Category: | {{#ask: [[Category:YourCategory]] | ? | limit=500 | format=list | sep=, }} | ||
</div> | </div> | ||
<style> | |||
/* Custom styles for the suggestion list */ | |||
.suggestions-list { | |||
border: 1px solid #ccc; | |||
background-color: #fff; | |||
max-height: 200px; | |||
overflow-y: auto; | |||
position: absolute; | |||
width: 100%; | |||
list-style-type: none; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.suggestions-list li { | |||
padding: 8px; | |||
cursor: pointer; | |||
} | |||
.suggestions-list li:hover { | |||
background-color: #eee; | |||
} | |||
</style> | |||
</html> | </html> | ||
</includeonly> | </includeonly> | ||
