Our Rams Mock Draft Simulator.
Moderator: GlendoraRam
- GlendoraRam
- Forum Moderator

- Posts: 11477
- Joined: January 8th, 2015, 6:19 am
- Has thanked: 610 times
- Been thanked: 507 times
Our Rams Mock Draft Simulator.
It's 99% complete. Of course, I will need to update the database after the season ends.
Here is a list of the features:
The 2026 Rams Mock Draft Simulator is a specialized web-based tool tailored for Los Angeles Rams fans, draft enthusiasts, and analysts. It allows users to simulate a full 7-round mock draft focused on the Rams' picks, with realistic trading, prospect selection, and sharing capabilities. Built with PHP, MySQL for prospect data, HTML/CSS for the interface, and JavaScript for interactivity, it draws from real NFL draft structures, trade value charts, and prospect databases. Here's a complete list of features extracted from the provided code:
Team-Specific Focus with Full NFL Context: Users act as the GM for the Los Angeles Rams, starting with the team's default picks (e.g., Round 1 Pick 10, Round 1 Pick 27, and 8 others up to Round 7 Pick 33, totaling 10 picks). The simulator includes data for all 32 NFL teams and a full 257-pick draft order (7 rounds, including compensatory picks), enabling realistic interactions across the league.
Prospect Database and Selection: Access to a database of at least 250 prospects, each with detailed attributes including rank, name, position, school, height, weight, bio, player comparison, and photo URL. Users select players via dropdowns in draft cards, with real-time display of player photos, info (e.g., position badge, height/weight/school), and prevention of duplicate selections across picks.
Search and Filtering: Global search bar to filter prospects by name, position, or other keywords in real-time. Position tabs (e.g., ALL, QB, RB, WR, TE, OT, OG, C, EDGE, DT, LB, CB, S, K, P) allow quick filtering of available players by role, updating dropdown options dynamically.
Draft Board Interface: Interactive grid of draft cards for each Rams pick, showing round, pick number, overall selection, and trade value. Cards update visually when a player is selected, displaying a photo or placeholder, player details, and an "empty state" prompt otherwise. Users can remove picks entirely.
Advanced Trading System: Comprehensive trade simulator modal for negotiating deals with any of the other 31 teams. Features include selecting a trade partner, viewing available picks for both sides (excluding current Rams holdings), drag-and-drop style addition of picks to "offering" (Rams) and "receiving" (partner) sections, real-time value calculations based on a standard trade value chart (e.g., Pick 1 = 3000 points, decreasing to 1 point for late picks), value balance display (e.g., "Even", "+X (Good)", "-X (Bad)"), and execution that updates the draft board by removing given picks and adding received ones. Supports future-year picks implicitly through the full draft order.
Export and Sharing Options: Export the completed mock draft as a high-quality PNG image using html2canvas for capture, with a preview modal for download (supports iOS sharing). Social sharing buttons for Twitter (now X), Facebook, Reddit, and copy link, which upload the PNG to a server and generate a shareable URL with custom text (e.g., "Check out my 7-round Rams mock draft!"). Includes a dedicated "Save & Post to Forum" button that uploads the image and posts to our forum.
Validation and Requirements: Enforces completion of all 10 default picks before enabling export/share buttons, with visual feedback (e.g., disabled/opaque buttons). Duplicate player prevention disables taken prospects in dropdowns and appends "(Taken)" labels.
User Interface Enhancements: Responsive design for mobile/desktop, with sticky controls, rounded aesthetics in Rams colors (blue #002244, gold #FFD100), light/dark theme toggle (via data-theme attribute and moon/sun icon), and icons from Font Awesome (e.g., search, download, redo). Modals for image preview and trading with close buttons and overlays.
Social Card Generation: Creates a custom 1200x1200 pixel social media card for shares, featuring the Rams logo, forum branding, mock draft title, two-column list of selected picks (with round/pick/position/school), and a call-to-action footer. Uses html2canvas for rendering and blob conversion for uploads.
Performance and Error Handling: PHP output buffering for complete responses, error reporting enabled, MySQL connection for prospects, and JavaScript timeouts/abort controllers for uploads.
Additional Tools and Integrations: Reset button to reload the page and clear selections. Custom upload scripts for handling image shares and forum posts, returning JSON responses with success URLs or errors.
This simulator emphasizes realism through trade values, prospect details, and NFL team data, making it ideal for Rams fans preparing for the 2026 NFL Draft.
Please feel free to share your thoughts.
Here is the latest version: https://www.theramsforum.com/app.php/ra ... draft-tool
Here is a list of the features:
The 2026 Rams Mock Draft Simulator is a specialized web-based tool tailored for Los Angeles Rams fans, draft enthusiasts, and analysts. It allows users to simulate a full 7-round mock draft focused on the Rams' picks, with realistic trading, prospect selection, and sharing capabilities. Built with PHP, MySQL for prospect data, HTML/CSS for the interface, and JavaScript for interactivity, it draws from real NFL draft structures, trade value charts, and prospect databases. Here's a complete list of features extracted from the provided code:
Team-Specific Focus with Full NFL Context: Users act as the GM for the Los Angeles Rams, starting with the team's default picks (e.g., Round 1 Pick 10, Round 1 Pick 27, and 8 others up to Round 7 Pick 33, totaling 10 picks). The simulator includes data for all 32 NFL teams and a full 257-pick draft order (7 rounds, including compensatory picks), enabling realistic interactions across the league.
Prospect Database and Selection: Access to a database of at least 250 prospects, each with detailed attributes including rank, name, position, school, height, weight, bio, player comparison, and photo URL. Users select players via dropdowns in draft cards, with real-time display of player photos, info (e.g., position badge, height/weight/school), and prevention of duplicate selections across picks.
Search and Filtering: Global search bar to filter prospects by name, position, or other keywords in real-time. Position tabs (e.g., ALL, QB, RB, WR, TE, OT, OG, C, EDGE, DT, LB, CB, S, K, P) allow quick filtering of available players by role, updating dropdown options dynamically.
Draft Board Interface: Interactive grid of draft cards for each Rams pick, showing round, pick number, overall selection, and trade value. Cards update visually when a player is selected, displaying a photo or placeholder, player details, and an "empty state" prompt otherwise. Users can remove picks entirely.
Advanced Trading System: Comprehensive trade simulator modal for negotiating deals with any of the other 31 teams. Features include selecting a trade partner, viewing available picks for both sides (excluding current Rams holdings), drag-and-drop style addition of picks to "offering" (Rams) and "receiving" (partner) sections, real-time value calculations based on a standard trade value chart (e.g., Pick 1 = 3000 points, decreasing to 1 point for late picks), value balance display (e.g., "Even", "+X (Good)", "-X (Bad)"), and execution that updates the draft board by removing given picks and adding received ones. Supports future-year picks implicitly through the full draft order.
Export and Sharing Options: Export the completed mock draft as a high-quality PNG image using html2canvas for capture, with a preview modal for download (supports iOS sharing). Social sharing buttons for Twitter (now X), Facebook, Reddit, and copy link, which upload the PNG to a server and generate a shareable URL with custom text (e.g., "Check out my 7-round Rams mock draft!"). Includes a dedicated "Save & Post to Forum" button that uploads the image and posts to our forum.
Validation and Requirements: Enforces completion of all 10 default picks before enabling export/share buttons, with visual feedback (e.g., disabled/opaque buttons). Duplicate player prevention disables taken prospects in dropdowns and appends "(Taken)" labels.
User Interface Enhancements: Responsive design for mobile/desktop, with sticky controls, rounded aesthetics in Rams colors (blue #002244, gold #FFD100), light/dark theme toggle (via data-theme attribute and moon/sun icon), and icons from Font Awesome (e.g., search, download, redo). Modals for image preview and trading with close buttons and overlays.
Social Card Generation: Creates a custom 1200x1200 pixel social media card for shares, featuring the Rams logo, forum branding, mock draft title, two-column list of selected picks (with round/pick/position/school), and a call-to-action footer. Uses html2canvas for rendering and blob conversion for uploads.
Performance and Error Handling: PHP output buffering for complete responses, error reporting enabled, MySQL connection for prospects, and JavaScript timeouts/abort controllers for uploads.
Additional Tools and Integrations: Reset button to reload the page and clear selections. Custom upload scripts for handling image shares and forum posts, returning JSON responses with success URLs or errors.
This simulator emphasizes realism through trade values, prospect details, and NFL team data, making it ideal for Rams fans preparing for the 2026 NFL Draft.
Please feel free to share your thoughts.
Here is the latest version: https://www.theramsforum.com/app.php/ra ... draft-tool
Become a VIP Member - Donate Here.
Rams Fan Gear On Sale - Save up to 70%
Rams Single Game Tickets Lowest Prices, No Fees
Officially Licensed Rams Memorabilia on Sale.
Rams Fan Gear On Sale - Save up to 70%
Rams Single Game Tickets Lowest Prices, No Fees
Officially Licensed Rams Memorabilia on Sale.
Who is online
Users browsing this forum: Holding and 19 guests
