0

I'm building a website involving recipes and I have some content being loaded through an iframe from another site, I would like to remove it's headers/footers and just really manipulate a specific part of the foreign HTML so i can just display that. I was first thinking using jquery or angularjs to solve the problem, but I started thinking of if I could pass the url from an onclick (I already have that function sorted out below):

AngularJS:

    $scope.currentRecipeUrl = "";
    $scope.trustSrc = function(SrcToBeTrusted) {
            return $sce.trustAsResourceUrl(SrcToBeTrusted);
        };

    $scope.changeWeeklyRecipe = function(recipeUrl) {
        $scope.currentRecipeUrl = $scope.trustSrc(recipeUrl);
    };

HTML.ERB:

    <iframe id="displayedRecipe" src="{{ currentRecipeUrl }}"

to my Rails controller so I could just inject the specific part of the html that I wanted into the view.

Can anybody think of a way I might be able to accomplish that?

EDIT: I forgot to mention that the changeWeeklyRecipe function is being called on the on-click event.

1 Answer 1

1

Consider using $http with your onClick function to pass data to your controller.

Here is an example of what you could do:

# Use $http to send data to your rails controller and use the appropriate callbacks

$http.post('/foo/create', {bar_params: {text: 'Hello World'}})

And in your rails controller:

class FooController < ApplicationController
  def create
    @variable = example_params
  end

  private

  def example_params
    params.require(:bar_params).permit(:text)
  end
end

Hope that gives you an idea of how to accomplish what you are looking for.

Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.